Front-end дайджест #35: Hermes, JS-in-CSS і VS Code на стероїдах
У випуску: починаємо використовувати СЅЅ Custom Properties, в черговий раз спрощуємо React додатки разом з Hook'ами, а також дивимося доповіді фронтенд-конференцій за червень/липень (повірте їх було багато)!
CSS, CSS in JS і навпаки
JS-in-CSS — пишемо CSS на JS разом з Houdini CSS
11 JavaScript Animation Libraries For 2019 — добірка корисних JS-бібліотек для анімацій
Статті від CSS Tricks:
- Restricting a (pseudo) element to its parent's border-box
- Animating with Clip-Path — анимируем зміна форми об'єкта за допомогою clip-path
- Color Inputs: A Deep Dive into Cross-Browser Differences — глибокий розбір стильових властивостей color input в різних браузерах
- Position Sticky and Table Headers — робимо фіксованим заголовок таблиці разом з position sticky
- Managing Multiple Backgrounds with Custom Properties — приклад застосування CSS Custom Properties для мультибэкграунда
- Multi-Line Truncation with Pure CSS — виставляємо кількість ліній в тексті на чистому CSS
Статті від Smashing Magazine:
- CSS Custom Properties In The Cascade — робимо код наших стилів чистішою разом з CSS Custom Properties
- CSS Lists, Markers, And Counters — стилізуємо списки за допомогою псевдокласів
- Everything You Need To Know About CSS Margins — CSS Margins під мікроскопом
JavaScript
The Secret of Good Electron Apps — як фонові процеси допомагають писати Electron-додатки
Weak references and finalizers — огляд WeakMaps і WeakSets
Tips for rolling your own lazy loading — створюємо власний lazy loader
A Peek at New Methods Coming to Promises — вивчаємо нові методи Promise: allSettled, any
Object-Oriented Programming — The Трильйонів Dollar Disaster
Why ['1', '7', '11'].map(parseInt) returns [1, NaN 3] in Javascript — забавний ресерч, чому map видає непередбачуваний результат
@Surma (провідний інженер Гугл) в своєму блозі:
- When you should be using Web Workers? — аналізує роботу Web Worker'ів
- Is postMessage slow? — досліджує перфоманс postMessage'а все в тих же Web Worker'ах
VS Code тулзы:
Tutorials
How To Build A Sketch Plugin With JavaScript, HTML And CSS
How to create a simple bitcoin API with NodeJS & GraphQL
React і React Native
Hermes — новий JS-движок для Android-додатків на React Native
Спрощуємо код разом з React Hooks:
- Build a Chat App Using React Hooks in 100 Lines of Code
- How To Fetch Data From An API With React Hooks
A Guide to Component Driven Development (CDD)
Smooth Animations With React and Framer Motion — створюємо анимируем React-додаток разом з Frame Motion
Life after Redux — переписуємо Redux на Event Stream
Vue.js
Protecting Vue Routes with Navigation Guards
Vue.js Advanced Reactivity API and Caching Method-style Getters
Building an Interactive and Distraction-Free Form with Vue
Why every Vue developer should be excited by Quasar 1.0
Angular
Web Workers with the Angular CLI
All you need to know about Ivy, The new Angular engine!
Покращуємо код Angular компонентів:
- The Principles for Writing Awesome Angular Components
- How to Write Better Components in Angular
- Reducing the forms boilerplate — make your Angular forms reusable
Angular Platforms in depth
- Part 1. What are Angular Platforms?
- Part 2. Application bootstrap process
- Part 3. Rendering Angular applications in Terminal
Подивитися
GraphQL: The Documentary — документальний фільм про GraphQL
Траспиляция з async/await в генератори — від "П'ятихвилинки React"
GraphQL — курс по GraphQL
Послухати
Frontend Weekend:
- #93 — Наталія Короткова про те, як переїхати до Лондона і на місці знайти роботу розробником
- #94 — Денис Мишунов про те, чому варто їхати до Норвегії і віддалено працювати в GitLab
Веб-стандарти:
- Випуск 182: Node.js, npm і JetBrains, сервіс-воркеры і WASM, ціна JS, сучасний CSS, під'їзд
- Випуск 183. Sass і кастомні властивості, веб-шрифти, безумовний JS, веб-компоненти, WebRTC
- Випуск 184. 10 років WSD, найважливіше за півроку, відповіді на питання
devschacht:
- Випуск 85: Вадим Макєєв про історію та принципи WSD
- Випуск 86: Проблема 10 тисяч з'єднань
- Випуск 87: Андрій Лось про шлях від Java до JS і про впровадження GraphQL в Revolut
Фронтенд Юність (18+):
CSSSR:
- Новини 512 — еволюція high-load моноліту на NodeJS, налаштування Webpack 4, SOLID і поганий UI
- Новини 512 — видихай, Huawei, нові фічі на Github і git-клієнти, релізи та документалка про GraphQL
- Новини 512 — Vue 3 RFC оновлений, ще про микросервисах, новий вбивця Redux і цікаві публікації
- Новини 512 — Vue 3 розбирання, микросервисы, бенчмарки, свіжі релізи і трохи про супер-комп'ютерах
Конференції і Митапы
GraphQL Conf
WSD:
JSConf:
Інше
Announcing TypeScript 3.6 Beta — що нового TypeScript?
How to SSR in a serverless environment and make your visitors 400% happier! — як SSR поліпшити ваш продукт і життя
Grammarly шукає талановитих Front-End інженерів для удосконалення нашого продукту, створення мінімалістичних елегантних користувальницьких інтерфейсів і вирішення складних технічних завдань. Нашим продуктом користуються мільйони користувачів щодня. У нас чудова команда, разом з якою ми використовуємо самі передові технології. І якщо вам цікаво стати частиною її, то дивіться відкриті вакансії тут , або стукайте мені в Facebook .
З вами був Григорій Шехет. До нових зустрічей =^.^=
? Попередній випуск: Frontend дайджест #34 .
Опубліковано: 20/07/19 @ 07:00
Розділ html та css Блоги
Рекомендуємо:
Чому AI переходить від Cloud до Fog-обчислень
Fail review: спілкування з клієнтами
5 історій про те, як будувати продуктивні відносини між PM'ом і розробниками
Lead Software Developer з Монреаля — про роботу на YouPorn, головних уроках переїзду за кордон і те, як любов привела в IT
C++ дайджест #17: Raspberry Pi, Linux Embedded