Front-end digest #120: 10 найкращих JS-патернів, реліз React v16.13.0, реактивність: Vue 2 vs Vue 3

Новини/Релізи:

• Реліз Firefox 74
• Реліз Rollup v2.0
• Реліз Quasar v1.9.0
• Реліз React v16.13.0

Статті

• Три кроки до розуміння Babel
• Що фронтенд-розробники повинні знати про бекенд
• Які переваги в продуктивності дають змінні шрифти
• Додаємо анімацію на прокрутку на вашій сторінці
• Розуміння Grid Template Areas
• Карування у CSS
• Повний посібник з посилань та кнопок
• Створення продуктивної фронтенд-архітектури
• Відхилення fetch-запитів
• Негативні маргіни в CSS
• 4 причини використовувати SASS у вашому фронтенд-проєкті
• Інтро до Page Visibility API
• 10 способів приховати елементи в CSS

Корисності

• react-query – хуки для отримання, кешування та оновлення асинхронних даних в React;
• date-fns – як Lodash, тільки для дат;
• monica.css – невеликий набір хелпер-класів для спрощення вашої роботи з flexbox;
• paged.js – форматує HTML для створення PDF-файлів;
• css.gg – 500+ CSS іконок. Налаштовувані, Retina Ready з API та NPM.

Javascript Jedi:

• UI-фреймворки та бібліотеки JavaScript
• Як працює управління пам'яттю в JavaScript
• 5 JavaScript-трюків, які корисно знати
• Що таке функція вищого порядку
• 9 способів роботи з об'єктами в JavaScript
• 10 найкращих JS-патернів, які подобаються розробникам
• 7 типів нативних помилок в JavaScript, про які варто знати
• Чому JavaScript з'їдає HTML
• Як застосовувати requestAnimationFrame() з ванільним JavaScript

Angular:

• Як використовувати *ngIf else у застосунку на Angular
• Реліз Angular 9 з Ivy, автоматичним рушієм рендерингу
• Оновлюємось до Angular 9 за 10 хвилин
• 7 способів використовувати HttpInterceptors в Angular
• Використовуємо Apollo GraphQL з Angular в Nx Workspace

React:

• Хуки React Router
• Як визначити та позбутися зайвих рендерів у React
• React Suspense з Fetch API
• Різниця між React.useRef та React.createRef у React
• Функції вищого порядку: приклад на React

Vue:

• Реактивність: Vue 2 vs Vue 3
• Прив'язка CSS змінних у Vue
• Завантаження даних з Vue Hooks

Відео:

• UX-поради: як не втрачати увагу користувачів

• Створення захищених React-застосунків

• Create React App + Redux-шаблон — починаємо роботу

• Vue.js: документальний фільм

• Створюємо повторно використовуваний компонент для пагінації у Vue.js