​​Стейт менеджмент в Next.js. Кращі практики менеджменту складних стейтів.

#JStify_FrontEnd #JStify_News #JStify_NextJS

​​Не так далеко до нового ES2022, “Class static initialization blocks” - нова фіча, яку запропунував Ron Buckton🧠, та яку планують додати в новий ECMAScript🧑‍💻

#JStify_FrontEnd #JStify_ES2022

​​Інколи у нас виникає потреба в імплементації комплексної анімації чи складного лейаута🤔
Тоді ми починаємо гуглити і шукати щось схоже...
Цей процес може тривати довго😾, якщо не мати на поготові декілька десятків корисних репозиторіїв.

Ми маємо для вас вже готовий список GitHub репозиторіїв, які допоможуть зробити красивий проект😉

#JStify_FrontEnd #JStify_News

​​Всім привіт, після літнього відпочинку, ми відновлюємо нашу щомісячну рубрику квізів #JStify_Quiz 🤓

У вас є час до 16.09 для того, щоб надіслати посилання на GitHub із вашими рішеннями у коментарі до цього посту.

Всі ми знаємо, що в ES6 з'явилась така фіча як стрілочні функції, вони є компактнішими за звичайні функції, та мають свої плюси та мінуси.
Задачею цього квіза буде створення функції яка зможе переробити стрілочну функцію в звичайну та навпаки.

Потрібно створити функцію, яка приймає тип string в якому прописана функція,
яку потрібно перетворити в аналогічну їй, але іншого типу.

Приклад перетворення звичайної функції в стрілочну:

"function () {}" має перетворитись в: "() => {}"

"function jstify() {}" має перетворитись в: "const jstify = () => {}"

"function jstify(str) { console.log(str); }" має перетворитись в: "const jstify = (str) => { console.log(str); }"

Приклад перетворення стрілочної в звичайну:

"() => {}" має перетворитись в: "function () {}"

"const jstify = () => {}" має перетворитись в: "function jstify() {}"

"let jstify = (str) => { console.log(str); }" має перетворитись в: "function jstify(str) { console.log(str); }"

Додатково:
1. Тіло функції може мати декілька рядків.
2. Обережно з пробілами, іноді вони можуть бути не обов'язковими.
3. Стрілочна функція може бути оголошена як const/let/var або взагалі без них.
4. Якщо ми форматуємо звичайну функцію в стрілочну потрібно завжди використовувати const.
5. Якщо використовуємо анонімну функцію тоді перетворюємо її також в анонімну.

Пропонуємо ознайомитись з двома підходами для роботи з гілками в git, а саме rebase і merge та дізнатись коли краще їх використовувати

​​Привіт друзі!

У нас знову фантастичні новини! 🤩
Ще один лайв івент цього разу від Lviv JavaScript Community! Вас чекають круті спікери, коктейлі та DJ. 🥳 А також маєте можливість почути нашого спікера Тараса Бобака!

Продаж квитків почнеться незабаром. Не пропустіть!😉

Коли: 18 вересня
Де: FESTrepublic Львів

​​​​До вашої уваги один з найкращих курсів, які є у вільному доступі на ютубі по дизайн патернах від Christopher Okhravi. Прекрасна подача та огляд від найпростіших 🐥 до найскладніших патернів 🐓

​​Привіт друзі!

Наша комюніті підготувала для вас нове відео на нашому YouTube каналі! «CI/CD на пальцях.»

Пишіть у коментарях відгуки та пропонуйте теми які ви б хотіли щоби ми пояснили 🤓

​​Сьогодні пропонуємо ще разок собі нагадати або можливо вперше познайомитись з онлайн тулзами, які точно є корисними для кожного з нас😉

Переходь за посиланнями на тулзи та використовуй на здоров'я:
- Can I use - містить оновлені таблиці з даними про те чи підтримується конкретна JS, CSS чи HTML фіча конкретним браузером;
- Can Include - малесенька тулза, яка перевіряє чи може один тег бути вкладеним в інший;
- Bundlephobia - допомагає знайти розмір кожного npm пакету та дізнатись як повпливає саме він на твій бандл.


#JStify_FrontEnd #JStify_News

​​Browser Cookies🍪 - є досить важливою темою для JavaScript розробника, та завжди варто пам'ятати як правильно з ними поводитись🧑‍💻.
Тому пропонуємо вам ознайомитись із коротким гайдом на цю тему, з якого ви дізнаєтесь: як cookies працюють, як дістати та модифікувати 🍪 на клієнтський та серверній стороні та деякі атрибути для їх контролю🤓

#JStify_FrontEnd #JStify_Cookies

​​Нові фічі в Node.js не так легко відстежувати. Пропонуємо почитати про новинки в Node.js core. Можливо це саме те на що ви чекали 😉

#JStify_News #Jstify_NodeJs

​​У нас чудова понеділкова новина для вас - ми починаємо тематичний тиждень❤️
Наступні п'ять днів очікуйте круті, цікаві та корисні статті про Angular🥰

#JStify_News #Jstify_Angular

​​Angular - дуже потужний інструмент в фронтенд світі, який використовують сотні відомих компаній!
Сьогодні пропонуємо вашій увазі статтю з прикладами найкращих веб-сайтів, які написані на Angular🤩

#JStify_News #Jstify_Angular

​​Один з core концептів Ангуляру полягає в dependency injection патерні тому дуже важливо розуміти як це працює "під капотом" з чим вам допоможе сьогоднішня стаття.

​​​​Отож переможцем нашого квіза стає 🍾🍾🍾@AndriiPetrov Вітаємо! Код підходить по всім умовам задачі, та досить добре відпрацьовує. Подарунок буде відправлено дуже скоро

​​Одною з основних фішок ангуляру є реактивне програмування🚀, а саме бібліотека RxJs та її асинхронні стріми Observables та Subjects. Наступна стаття для тих хто вже трішки знайомий із потоками цієї бібліотеки, але не знає чим відрізняються Hot🔥 та Cold🧊 Observable

#JStify_News #JStify_Angular

​​Пропонуємо почитати про топ 7 безкоштовних Angular хостинг провайдерів!

#JStify_News #JStify_Angular