FrontEnd Development
30.9K subscribers
145 photos
1 video
9.35K links
Полезные ссылки иHTML, CSS, JavaScript, TypeScript, Angular, React, Vue, Node.js, Mobile and more.

Admin: @andrey2019
Download Telegram
Codemods: A Quick and Easy Way to Automate Code Refactoring
An introduction to the idea of using Facebook’s jscodeshift to create and apply ‘codemods’ to automate changes to your code. - https://goo.gl/oE2vG4

#refactoring
React Express: Learn React with Interactive Examples
An opinionated, all-in-one guide walking through create-react-app, webpack, Babel, ES2015+, JSX, Redux, CSS-in-JS, and more. - http://www.react.express/

#react
Cell: A Self-Constructing Web App Framework
An intriguing new approach to creating a simple front-end app where you write the entire app mostly declaratively in a single JS object. - https://goo.gl/y9X1m7

#framework #javascript
Any Web Site Can Become A PWA – But We Need to Do Better
Christian explains his previously public comments on creating PWAs from websites and how it can be done better. - https://goo.gl/DNhb8N

#progressivewebapp
Testing Strategies in Microservices Architecture
It is essential that a microservice application is built with an awareness of how it can be tested. Having good test coverage gives you more confidence in your code and results in a better continuous delivery pipeline. - https://goo.gl/UY6pAi

#microservice #testing
React Flight: Simple Animation Compositions for React
Declaratively define and compose ‘frames’ and Flight handles the animations - https://goo.gl/G5DBUU

#react #animation
Taking Photos and Controlling Camera Settings with the Image Capture API
Image Capture is an API to control camera settings and take photos, now supported in Chrome 59+. Simple demo and code here. - https://goo.gl/218S64

#webapi #takephoto
A Study Guide to the Modern Front End Stack
A guide built at Grab, a major Asian transportation platform, covering SPAs, React, Flux/Redux, and other popular front-end dev tools. - https://goo.gl/HjEBTi

#styleguide
Techniques for Decomposing React Components
Three ways to separate the responsibilities of a large React component, from a simple approach to something more advanced. - https://goo.gl/YcSBkE

#react
Massive.js 3.0: A Data Mapper for Node and PostgresVersion 3 of the popular Postgres-focused data access library is out and is now fully Promise-based. - https://goo.gl/kJUZrR

#nodejs
TC39, ECMAScript, and the Future of JavaScript
A thorough explanation of how new features make it into JavaScript, before focusing on some practical examples including Array#includes, named captures, and lookbehind assertions in regexes - https://goo.gl/D8dQ5e

#javascript
Deploying a Node App with Docker and Kubernetes
Need to deploy multiple Docker containers? Jatin Shridar looks at Kubernetes, a tool for automated deployment, scaling, and management of Docker containers. - https://goo.gl/kGRhoV

#nodejs #docker
React Express: Learn React with Interactive Examples
An opinionated, all-in-one guide walking through create-react-app, webpack, Babel, ES2015+, JSX, Redux, CSS-in-JS, and more. - https://goo.gl/LBWqTG

#react
Redux-First Router: A Step Beyond Redux-Little-Router
“The purpose of this article is to debunk the effectiveness of route-matching components + nested routes when using Redux, while discovering a better [..] way.” - https://goo.gl/1nhMPq

#react #router #redux
ECMAScript 2017 Language Spec Published
The official spec for ES2017 (essentially the 8th edition of the JS spec) has been published in HTML and PDF if you’re lacking for bedtime reading. - https://goo.gl/qwq3H1

#javascript
TypeScript 2.4 Released
Includes support for cynamic import() expressions, string enums, & improved checking - https://goo.gl/cQ7K7q

#typescript