Front-end дайджест #28: що було в 2К17 і чого чекати від 2К18?
У випуску:Едді Османі про Progressive Web Apps, починаємо використовувати сервіс-воркеры і переходимо на нові швидкі збирачі.
CSS і CSS in JS
Font-display — навіщо він потрібен і як працює
Modern Asynchronous CSS Loading — асинхронна завантаження стилів
Styling Components — Typed CSS With Stylable — як можна типізувати CSS?
CSS-in-JS Roundup: Styling React Components — 15 CSS-in-JS рішень для React. Що вибрати?
JavaScript
The Hidden Treasures of Object Composition
Robust Client-Side JavaScript — надійний JS на клієнті
Teach the CLI to Talk Back — як зробити CLI доброзичливими?
Fitting Flappy Bird Into a Tweet — Flappy bird 280 символів
Service Workers: Going beyond the page — сервіс-воркеры Edge
Service Workers. Інструкція по застосуванню — сервіс-воркеры в 2ГІС
JavaScript Has Already Won — JavaScript захопив світ
Progressive Web Apps
All you need to know about Progressive Web App — навіщо потрібні Progressive Web Apps?
Едді Османі про технік оптимізації продуктивності Progressive Web Apps:
PWA feature detector — перевіряємо можливості Progressive Web Apps у вашому браузері
React і React Native
Behind the Scenes: Improving the Repository Infrastructure — інфраструктурні зміна в React
Recommended by the React Team — що рекомендує нам команда React
How to write highly readable React code — 10 coding style tips
React Performance Fixes on Airbnb Listing Pages
How to build a React and Gatsby-powered blog in about 10 minutes
Designing Reusable React Components
Про минулий рік:
- React & React Native — Best of 2017
- The most popular React links of 2017
- A recap of front-end development in 2017
- 25 Amazing Open Source React.js Projects for the Past Year (v.2018)
Vue.js
Prototyping with Vue.js and Bootstrap
Build A Lazy-Load Router With Vue.js And The Latest Browser Features
Why Nuxt Js is perfect framework for your next landing page?
Want to get things done and ship? 3 reasons to choose Vue over React in 2018.
Angular
Angular is easy — переходимо на Angular
Angular 5 Server Side Rendering With Firebase — Step-By-Step Guide
Top 10 Angular articles in 2017 from Angular-In-Depth you really want to read
Пишемо Progressive Web Apps на Angular 5:
- Part 1: Getting started with framework, creating an application, hosting it on github-pages
- Part 2: Progressifying the application
Node.js
25 Amazing Open Source Node.js Projects for the Past Year (v.2018)
Building a Serverless REST with API Node.js and MongoDB
Building a FoodKick SMS Sale Notifier Bot
Бібліотеки
Yew — пишемо Front-end на Rust
Rustify — бандлим Rust
Microbundle — швидкий бандлер, без конфігурацій і залежностей
On-change — слухаємо зміна об'єктів
React Native Typography — зручні нативні шрифти
React Performance Devtool — досліджуємо продуктивність React додатків
Unistore — мінімалістичний state-managment для React
Immer — працюємо з иммутабельным станом
Послухати
Frontend Weekend:
- #32 — Андрій Смирнов про те, як з'явився Frontend Weekend і як стати керівником розробника
- #33 — Віталій Фрідман про створення і редизайні Smashing Magazine
Веб-стандарти:
П'ятихвилинка React:
devschacht:
- Нічний фронтенд #14 — HolyJS. День 1
- Нічний фронтенд #15 — HolyJS. День 2, Rust захоплює світ, новини V8
- Нічний фронтенд #16 — PiterJS 20: Dart, Kotlin, Closure і Wallaby.js
- Випуск № 10 — Новорічний. Історія Девшахты і плани розвитку
Фронтенд Юність (18+):
- Метод Батога і Пряника
- #29 Vue.js для нищебродов
- #30 Код Абрамова або мироточащий монорепозиторий
- #32 Новорічний випуск. Як звалити в Швейцарії
Radio.js:
Egghead подкаст:
- Episode 1: Using TypeScript with Basarat and Marius Schulz
- Episode 2: Functional JavaScript with Paul Frend and Briand Lonsdorf (Dr Boolean)
- Episode 4: Getting into Python
- Episode 5: Dan Abramov, co-author of Redux
- Episode 6: Learning React with Kent C. Dodds
Конференції
Що нового?
Parcel — новий швидкий складальник
Turbo — NPM-клієнт у браузері
Docusaurus — створюємо сайти з документацією для опенсорса від Facebook
Чекаємо Webpack 4.0.0 — вже alpha 2
Підсумки 2К17
Frontend in 2017: The important parts
Totally Tooling Tips Holiday Special: 2017 Year in Review — кращі інструменти 2017
Angular vs. React vs. Vue: A 2017 comparison
Frontend in 2017: The important parts
Learn to code in 2018, get hired, and have fun along the way
Інше
JavaScript Array Explorer — вибираємо правильний метод масиву
Manage Application State with Mobx-state-tree — розбираємося з MST на EggHead
Making your web app work offline:
Why Design Systems Fail — Уна Кравець про дизайн-системах
Accessibility Through Semantic HTML — вплив семантики верстки на доступність веб-ресурсів
What happens when you visit ft.com? — як працює FT.com?
30 seconds of code — колекція JS-утиліт, які можна зрозуміти за 30 секунд
How GitLab switched to Headless Chrome for testing — як GitLab намагався прискорити тести
Building a custom WebdriverIO reporter using documented and undocumented WebdriverIO features — робимо результати тестів краще
Top JavaScript Libraries & Tech to Learn in 2018 — чому вчитися в 2018
Grammarly шукає талановитих Front-End інженерів для удосконалення нашого продукту, створення мінімалістичних елегантних користувальницьких інтерфейсів і вирішення складних технічних завдань. Нашим продуктом користуються мільйони користувачів щодня. У нас чудова команда, разом з якою ми використовуємо самі передові технології. Докладніше тут . Приєднуйтесь.
З вами був Григорій Шехет, . За допомогу в оформленні дайджесту дякую своїх колег.
? Попередній випуск: Frontend дайджест #27 .
Опубліковано: 06/01/18 @ 08:00
Розділ Різне
Рекомендуємо:
Як українські IT-компанії відсвяткували Новий рік 2018
Грудень 2017 — финстрип за інфо-сайтів, пробито 20К грн в міс
Як ми зробили програму стажування в компанії — схема і висновки після 3 наборів PM'ів
Кращі статті 2017 року
DOU Проектор: TopLab — принтер, пропалюючий пікселі