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
CSS and Network Performance

Harry Roberts looks at how CSS can prove to be a substantial bottleneck (both in itself and for other resources) on the network, and how we can mitigate it, thus shortening the Critical Path and reducing our time to Start Render. - http://bit.ly/2Bvxqkc

#css
React Concepts You Should Know (After You Learn The Basics)

If you’re still pretty new to React, this is for you. You’ve followed some tutorials, maybe got your first React app working, but what’s worth understanding next? Context, HOCs, and lifecycle methods for starters. - http://bit.ly/2FEh5h5

#react
Faster Async Functions and Promises for V8

A substantial and easy-to-follow exploration of how async functions and promises in V8 have been optimized (and will be faster in an eventual Node 12) and how the debugging experience for async code has been improved. - http://bit.ly/2DGcGaS

#nodejs
5 Reasons to Use Angular Elements

From Day 1 the Angular team at Google had the goal of building the world’s preeminent next-generation framework on top of web standards. - http://bit.ly/2AmWUhX

#angular
A Code-Driven Guide to the HTML5 Canvas

A guide to the Canvas API, one of the best ways to draw graphics dynamically in the browser. - http://bit.ly/2PS6AeM

#javascript #canvas
Editorial Layouts, Floats, and CSS Grid

Rob Weychert shows how aligning floated elements to an established grid can be a real challenge, since floats aren’t compatible with CSS Grid. - http://bit.ly/2SfcVhf

#css
Fullstack React: An Introduction to Hooks in React

As React developers continue to play with and analyze the newly proposed ‘Hooks’ feature, the tutorials continue to flow. This is a particularly accessible one complete with examples. - http://bit.ly/2FPYbE8

#react
Flutter Crush: How to Build a Game with Flutter

How to build a Match-3 game like Candy Crush, Bejeweled or FishDom using Flutter. - http://bit.ly/2TYDtVr

#mobile #flutter #game
Nuxt.js Fundamentals, a Vue.js video course

Nuxt.js is a framework for creating Vue.js applications. Its goal is to help Vue developers take advantage of top-notch technologies and features in a fast, easy and organized way. - http://bit.ly/2AE0xQJ

#nuxt #vue #course
NGRX => Embedding Reducer Function to Action

As a personal preference, Ali has always been concerned about the decoupling of the reducer function being in a separate place instead of inside of the action. Especially when he finds the switch statement within the reducer aesthetically disturbing. The solution to both of his problems is presented in this article. - http://bit.ly/2zyZ6TD

#angular #ngrx
Why do people leave your website?

The answer lies with your 'Undecided Explorers' - http://bit.ly/2QAKtJy

#ui #ux
The Easiest Way to Debug Node.js - with VS Code?

A developer makes the case that Microsoft’s VS Code editor provides the best Node debugging experience right now. - http://bit.ly/2SaLTHs

#nodejs
The Power of Web Components

‘Web Components’ is a set of standards to enable user-defined HTML elements. This is an accessible tutorial that looks at the state of play and how to create your own components with HTML and JavaScript. - https://mzl.la/2rcWMgv

#webComponents
React Render Props: A Pattern for Code Reuse Amongst Components

Gives you enough to knowledge to make an educated decision about when to use render props or higher order components. - http://bit.ly/2AGXdnE

#react
Mixing Storybook with Angular with a sprinkle of Applitools

To better understand the Applitools Storybook SDK for Angular, we will be building a small Angular application from scratch, adding some Storybook stories, and then finally performing visual regression testing using the Applitools SDK to generate snapshots for us to view and analyze. - http://bit.ly/2Q7kPfZ

#angular