Front-Еnd дайджест #22: Instagram на React Native, React патерни, Front-End HandBook
У випуску: Swift проти React Native, React в деталях, статті від Едді Османі, а також матеріали по Vue.js і Angular 1-2.
CSS
Base64 Encoding & Performance — Кодування в Base64 і швидкодія:
- Частина 1: what's Up with Base64?
- Частина 2: Data Gathering
Pocket Guide to CSS only Drawings and Animations — малюємо анімації на чистому CSS
Responsive CSS Patterns without Media Queries — адаптивні патерни без медіа виразів
Deep dive CSS: font metrics, line-height and vertical-align — метрики шрифту в CSS
Тематичний Styles With CSS Variables
JavaScript
Складно про просте: ESLint в команді
Glossary of Modern JavaScript Concepts: Part 1
The Real Story Behind ECMAScript 4
An Animated Intro to RxJS — введення в Rx.js
Feature watch: ECMAScript 2018 — чого чекати?
What's a JavaScript closure? In plain English, please — розбираємо замикання
D3 and Canvas in 3 steps — створюємо картину на D3
The Rise and Fall and Rise of Functional Programming (Composing Software)
Introduction Into Elm — вчимо ELM
Статті Едді Османі:
React
React In-depth — вивчаємо React
How I automate all of the boring parts of my job with Create React App DevOps
Redux:
- Dissecting Twitter ' s Redux Store
- Offline-First Web Application Using Redux and PouchDB
- 3 Things I Learned About Working with Data in Redux
- Redux 4 Ways
- From Zero to Redux in 3 Minutes
- Thinking in Redux (when all you've is known MVC)
- Type-checking React and Redux (+Thunk) with Flow — Part 1
Functional setState is the future of React
Статті з тих-блогу OAuth:
How to Work with and Manipulate State in React
10 React mini-patterns — вчимо патерни
Styling React Applications with Ant.Design — трохи CSS in JS
Building React Components for Multiple Brands and Applications
What If React Was Really Only The V in MVC?
React Native
Converting a React App to React Native
What's Happening with Navigation in React Native?
React Native and Native Modules: The Android SyncAdapter
Tales of a React Native Beginner: Why GraphQL:emoji_1f3c6: Is The Real MVP
React Native animations revisited: Part I , Частина II , Part III
React Native's new component FlatList
How to make your React Native app respond gracefully when the pops up keyboard — вирішуємо проблему з появою клавіатури
Будуємо програми на React Native:
Swift проти React Native:
Angular 1x-2
Angular — Advanced Styling Guide (v4+)
Visualizing Data with Angular and D3
Managing State in Angular Apps with ngrx/store and ngrx/effects: Part I , Частина II , Part III
Managing State in Applications Angular
Vue
Vue.js, Vuex, and Testing; an Introduction
Using VueJS Components in ag-Grid
React's JSX vs Vue's templates: a showdown on the front end
TypeScript
It's time to give TypeScript another chance
TypeScript: The Nitty-Gritty Parts
Node.js
An Update on ES6 Modules in Node.js
GraphQL
Build a GraphQL API-Powered Portfolio Website
Apollo
Apollo Contributor Week Starts Today!
Persisted GraphQL Queries with Apollo Client
Simplify your React components with Apollo and Recompose
The next step for realtime data in GraphQL
New release of GraphQL Subscriptions for Javascript
Explaining GraphQL Connections
Full-stack React + GraphQL Tutorial
Optimizing Your GraphQL Request Waterfalls
The Anatomy of a Query GraphQL
Бібліотеки
Unfetch — 500-байтний полифил fetch
Trevor — сумісний аналог TravisCI для локального запуску тестів і складання в різних оточеннях
AR.js — інструмент для розробки веб-додатків доповненої реальності
PreJSS — адаптер плагінів і синтаксисів PostCSS для JSS
React Trend — будуємо графіки на React
Caporal.js — будуємо консольні додатки
Sou React Table — Excel на React
Подивитися
Egghead:
- How to Use npm Scripts as Your Build Tool
- Understand the Basics of HTTP
- Write simple asynchronous code with JavaScript generators
Building a Media Player — будуємо плеєр разом з Підлогою Льюїсом
Послухати
Веб-стандарти — 54 , 55 , 56 , 57 випуски
Radio.js — Випуск 46: Вчитися, вчитися і ще раз вчитися
П'ятихвилинка React:
Конференції
Демо
Paint — малюємо в браузері
Що нового?
Jest 19: Immersive Watch Mode & Test Platform Improvements
Polymer News Progressive Web App — новий шаблон
Open Source Guides — опенсорсим за гайдів від Github
JavaScript Debugging Improvements — нова налагодження в Safari
Інше
A cartoon intro to WebAssembly — введення в WebAssembly в коміксах
Optimising the front end for the browser
HTTP/2 — A Real-World Performance Test and Analysis — чому HTTP 2
Get Started with Analyzing Network Performance in Chrome DevTools — основи аналізу продуктивності завантаження ресурсів за допомогою Chrome DevTools
Visual Studio Code: the editor I didn't think I needed
UI component explorers — your new favorite tool
Front-End Developer Handbook 2017
The Story of Firefox OS — історія Firefox OS
JavaScript in 2017 — Beyond the Browser
Frameworks? Libraries? Both, or none? — My honest opinion
Make GitHub Great Again! — экстеншн, який робить хедер Github знову білим
Top 10 за лютий:
Grammarly шукає талановитих інженерів. Нашим продуктом користуються мільйони користувачів щодня. У нас чудова команда , ми використовуємо передові технології і вирішуємо цікаві технічні завдання. Дивіться відкриті позиції на www.grammarly.com/jobs/engineering і приєднуйтесь.
З вами був Григорій Шехет, . За допомогу в оформленні дайджесту дякую своїх колег.
? Попередній випуск: Frontend дайджест #21 .
Опубліковано: 10/03/17 @ 11:00
Розділ Блоги
Рекомендуємо:
Нотатки на полях Java Reflection API
DOU Проектор: Cardiomo – монітор вашого здоров'я
.NET дайджест #15: відродження Alt.NET, .NET Core одним пакетом, що таке микросервис
Як подивитися посилання на сторінку сайту безкоштовно
Creative Quarter: як підняти зарплати програмістам та одночасно зекономити гроші клієнту