Front-end digest #75: детальний гід по Apollo, CSS Grid в production, CSS: погані частини (і як їх уникнути)

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

• D3 5.0

Статті

• Розблокування доступу до буфера обміну

• Переваги безпеки та продуктивності від rel = "noopener"

• CSS: погані частини (і як їх уникнути)

• CSS Grid в production

• Приголомшливі hover-ефекти за допомогою CSS змінних 🇺🇦

• Проблеми безпеки CSS 🇺🇦

• Як WebP допомагає підвищити веб продуктивність

Корисності

• vue-content-loader – SVG компонент для створення facebook подібного плейсхолдера

• Ramda – бібліотека функціонального програмування для JavaScript

Вакансії

• Junior/Middle React Native Developer (Київ) / Preply
  • 1+ рік досвіду з React / React Native, GraphQL, TypeScript.
  • Англійська рівня Upper Intermediate.

Якщо у вас є пропозиції для кандидатів по фронтенду — надсилайте їх до нас. Найцікавіші вакансії ми будемо додавати у дайджести.

Javascript Jedi:

• Ліниве завантаження JavaScript модулів з ConditionerJS

• Як ми поступово перейшли на TypeScript в Unsplash

• Підходи до депрекації коду в JavaScript

• Основи Web MIDI API

• Як працює JavaScript: рушій рендерингу та поради щодо оптимізації його продуктивності

• Створення застосунків для Office 365/SharePoint з Aurelia

• GPU-прискорення нейронних мереж в JavaScript

• Елегантні шаблони в сучасному JavaScript: RORO (Receive an object, return an object)

• Асинхронні шаблони в JavaScript

• Поради по використанню ESLint для застарілих кодових баз

• Випереджальні й ретроспективні перевірки в регулярних виразах JavaScript

• Як створювати потужні схеми на JavaScript

• Компактні Lodash бандли з Webpack та Babel

• Повний гід по Apollo, інструментарію для GraphQL

Angular:

• Детальний посібник по Angular CLI

• Як створювати PWA за допомогою Angular

• Створення застосунку з нуля за допомогою Angular та Webpack

• Використання SPFx з Angular та Angular CLI

• Основи Angular: що це і навіщо вам його використовувати

React:

• Знайомство з React Context API

• Основи React State

• React Native, 2 роки потому

• Контекстні компоненти в React

• Порівняння основних JS бібліотек анімації для використання в React

• Query Strings з React Router

Vue:

• Створення компоненту читача файлів (FileReader) Vue.js за допомогою FileReader API

• Створіть багаторазовий компонент пагінації з Vue.js

• Перше занурення в Vue з Typescript + Lumen + Gitlab CI/CD (ч.1 — Frontend)

• Деплой Vue.js на Amazon S3 з CircleCI

• Оплата за допомогою Firebase, Stripe, та Vue.js

• 10 причин використовувати Nuxt.js для вашого наступного проекту

• Використання JSX зі Vue

• 4 основні фічі ES2015 для розробки на Vue.js

• Основи GraphQL і практичні приклади з Vue

Відео:

• 7 секретних шаблонів, про які не розповідають Vue консультанти — Кріс Фріц (Chris Fritz)

• Відеокурс по створенню гри «Камінь-ножиці-папір» за допомогою React.js

• Серія відеоуроків по створенню React застосунку

• Як використовувати новий Context API в React 16.3

5 сайтів, що надихають:

• Webflow Ecommerce

• Cuberto

• Ronin161

• Who Cares

• Mustafa Celik