Ми завжди маємо дбати про якість коду який пишемо. І у цьому нам допомагають деякі принципи. DRY - один із них, тож пропонуємо почитати поради та техніки його застосування в React.
#JStify_JavaScript #JStify_News #JStify_React

👉🏻 https://javanoscript.plainenglish.io/5-dry-principles-to-follow-in-react-6ca0405986a9

Привіт усім!

А ми на завершення тижня підготували новий подкаст! 🌟

Ми обговорили тему технічних інтерв'ю!

- Чим вони відрізняються в залежності від технічних рівнів?
- Чому варто самому йти у інетврв'юери?
- Які у нас були смішні випадки під час інтерв'ю?

На все це і більше ми дали відповідь у цьому подкасті!

https://youtu.be/RUVYZUtmdDo

Будемо раді почути ваш фідбек ❤️
Також будемо раді лайкам та підпискам із дзвіночком

У Google Fonts з’явились понад 2000 безкоштовних іконок Material Design у 5 стилях і форматах для вебу, iOS та Android. Не пропустіть → https://fonts.google.com/icons

#JStify_News #JStify_Frontend

​​Думаю серед нас є девелопери, які недолюблюють TypeScript😾 та ті, які обожнюють його😻
Пропоную почитати невеличку історію про те як Anti-TypeScript JavaScript Developer став TypeScript Fan і чому саме так сталось.

#JStify_JavaScript #JStify_News #JStify_TypeScript

Час для нашого щомісячного квізу🤩

Правила стандартні:
1) У вас є тиждень на квіз (до 18.03 ми чекаємо ваші відповіді);
2) Відповіді ви можете зберігати на своїх гіт репозиторіях та додавати в коментарі до квізу лінку на розв'язок;

Отож березневе завдання для вас:
Задана послідовність цілих чисел. Ви можете зафарбувати кожне з чисел чорним або білим кольором, або ж залишити
його незафарбованим.
Чорні числа повинні відображатися у порядку зростання, а білі - в порядку зменшення. Порядок зростання/спадання повинен бути строгим, тобто два цілих числа, пофарбовані одним кольором, не можуть бути рівними.
Пофарбуйте послідовність так, щоб мінімізувати кількість незабарвлених цілих чисел.

Вхідні дані:
Масив цілих чисел, що представляє послідовність для розфарбування.

Вихідні дані:
Вивести мінімальне число незафарбованих елементів послідовності.

Всім удачі! Чекаємо на ваші відповіді у коментарях😉

​​Next.js один із найпопулярніших React фреймворків який використовують для server-side rendering. Тож пропонуємо почитати про побудову Next.js фронтенд архітектури

#JStify_News #JStify_Frontend #JStify_React

Richard MacManus з цікавим роздумом Web Frameworks: Why You Don’t Always Need Them. А ви за використання фреймворків, чи за stackless way? 🤔 https://thenewstack.io/case-against-web-frameworks/

#JStify_News #JStify_Frontend

​​Чи доводилось вам коли-небудь відображати дані у вигляді діаграм чи графіків?
Можливо вони ще й мали бути інтерактивними?

Якою б не була ваша відповідь на попередні запитання, наступна стаття точно буде корисною для вас на майбутнє.
Пропонуємо ознайомитись з ТОР-20 графічних плагінів та бібліотек для JS☺️

#JStify_News #JStify_Frontend

​​Корисні поради та shortcuts для роботи з devtools в Chrome, Safari, Firefox i Edge. ⚡️

#JStify_News #JStify_Frontend

А ви використовуєте promises і sync/await безпечно в Node.js?🧐
Впевнені, що ваш фреймворк має "native support" для промісів?🤔

Відповіді на ці та багато інших питань можна отримати тут - https://simonplend.com/are-you-using-promises-and-async-await-safely-in-node-js/

#JStify_News #JStify_Frontend

​​До вашої уваги – Plaiceholder (ні-ні, ми не помилились в написанні 😁), інструмент для генерації розмитих зображень-заглушок поки завантажується оригінал: підтримує CSS, SVG, base64 та інші формати.

#JStify_News #JStify_Frontend

​​Кращий, швидший ⚒ Service Worker

⚙️ Реалізація попереднього завантаження навігації
⚙️ Стрімінг часткового контенту та з’єднання респонсів

#JStify_News #JStify_Frontend

​​Автозаповнення є важливою фічою для користувачів. Згідно досліджень Google користувачі заповнюють форми на 30% швидше використовуючи автозаповнення. 😱 Тож рекомендуємо ознайомитися з тим як воно працює та як можна створювати форми котрі підтримують кроссбраузерне автозаповнення, а також як скористатися перевагами на кшталт сканування кредитних карт. 🤔

​​Незалежні модулі (налаштування Monorepo) за допомогою Lerna

✅ Індивідуально керовані версії для кожного пакета
✅ Кілька пакетів можна оновити за один PR
✅ Один клон для підтримки всього коду
✅ Легкий доступ до всіх частин системи

#JStify_News #JStify_Frontend

​​Прийшов час оголосити результати нашого березневого квізу🤩

Вітаємо Петра (@yuskivpm) з перемогою🎉🎊
Задача була нелегкою, тому дякуємо всім учасникам за ваші варіанти рішень.
Кожного, хто скинув нам свій код, очікує невеличкий подарунок, очікуйте повідомлень в приват🎁

#JStify_Quiz #JStify_Frontend

​​Як ми усі знаємо, кожного року ECMA випускає нову версію JavaScript з новими фічами.
Пропоную прочитати статтю нижче та пригадати собі найкращі JavaScript Features за останні чотири роки

#JStify_News #JStify_Frontend

​​CSS Grid Cheat Sheet із розкішними єдиноріжками для яскравого завершення тижня!

🦄 https://dev.to/joyshaheb/css-grid-cheat-sheet-illustrated-in-2021-1a3

#JStify_Frontend #JStify_News #JStify_CSS

​​Чудова понеділкова новина - 31 березня відбудеться воркшоп від JStify Community🤩
Ми звернули увагу на вашу цікавість до Vue.js, саме тому темою воркшопу буде - Vue.js Tutorial. How to create an online quiz?😉

Не пропустіть можливості познайомитись поближче з цим фреймворком, реєструйтесь на наш івент тут 👉🏻 https://community-z.com/events/vuejs-tutorial-how-to-create-an-online-quiz
Ну і як приємний бонус - відео стрім звісно ж буде на нашому YouTube каналі😌

#JStify_News #JStify_Frontend #JStify_Events

​​🎧 Спільнота Theta приєднується до конференцій по Angular - Theta Conf!
⭐️ Реєстрація та деталі: https://epa.ms/thetaconf2-10apr

Theta Conf - це відмінне місце для спілкування з однодумцями, провідними спеціалістами та експертами в Angular. Учасники конференцій зможуть зав'язати нові знайомства та добре провести час в цікавій компанії.

📍 Коли: 10 квітня (субота).
📍 Де: онлайн, Zoom.
📍 Що в програмi?
Чотири доповіді від розробників EPAM.

✅ Олександр Линьков: Angular Content Projection.
Поговорим про Content Projection. А також розберемся, де він найбільш корисний.
✅ Кирил Скляров: NgRx vs Services.
Обговоримо, як при зростаючій структурі, зберігати стан додатків не лише за допомогою сторонніх бібліотек.
✅ Сергей Орлов: Done a Scully.
Дізнаємось, як Scully.io допомагає в «спілкуванні» Angular і JAMStack, а також, де ще він може пригодитися.
✅ Константин Харлап, Олександр Денисов і Константин Шкель: Mobile app development.
Порівняємо найбільш популярні технології для мобільної розробки: Cordova, Ionic, React Native, Native Script і Flutter.

⭐️Реєстрація: https://epa.ms/thetaconf2-10apr

​​​​Друзі, уже зовсім скоро починається наш воркшоп на тему «Vue.js Tutorial. How to create an online quiz? Part 1»

Матеріалу було настільки багато, що нам довелось зробити не одну, а одразу три частини 😍

Долучайтеся за посиланням - https://youtu.be/mGcTcTHR5oU

І зовсім незабаром чекайте на Part 2 I Part 3 на нашому YouTube каналі!💥 Підписуйтеся, щоб не пропустити 😉

#JStify_Community #JStify_Events

​​Як писати читабельний JS як експерт та приймати обгрунтовані рішення 👉🏻 https://alistapart.com/article/human-readable-javanoscript/