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
19 Ways to Become a Better Node Developer in 2019

Highlights tips, skills and strategies that may prove valuable over the coming months, such as having a package update plan in place, though the suggestion to “be a bit more Java and a byte less Ruby” makes me itch - http://amp.gs/EikJ

#nodejs
Keeping browser tabs in sync using localStorage, NgRx, and RxJS

In this post, we’re going to take a look at how we can keep our application state in sync when a user has multiple tabs open. We’re going to make this happen by using the Web Storage API, NgRx (Store and Effects), and RxJS. - http://amp.gs/EDxs

#angular
Simplify Your Components with Computed Setters

With computed properties, we can easily compose new data that is derived from other data. But what if we want to set it? This article shows common use cases for this scenario and a simple solution. - http://amp.gs/Eu3h

#vue
Introducing Background Fetch

A Web standard that’s currently implemented behind Chrome’s Experimental Web Platform features flag, Background Fetch lets you handle large downloads in a browser programatically and then get notifications of their completion, even if the browser closes. - http://amp.gs/EJA5

#web #background #fetch
How Does setState Know What to Do? — The latest in Dan Abramov’s recent series of illumating blog posts:

“You don’t need to think about how this works when you use React. We’d like React users to spend more time thinking about their application code than abstract concepts like dependency injection. But if you’ve ever wondered how this.setState() or useState() know what to do, I hope this helps.” - http://amp.gs/E0nh

#react
Node.js API and Web Frameworks for 2019

A roundup that doesn’t just focus on the usual favorites like Express, Koa, and Hapi, but digs into alternatives like Nest, Adonis and Fastify too. - http://amp.gs/E00V

#nodejs
A Guide to the CSS Object Model (CSSOM)

If you’ve written JavaScript in a front-end context, you’ve undoubtedly dealt with the DOM (Document Object Model) but there’s also the CSS Object Model, a set of APIs allowing the manipulation of CSS from JavaScript. A lot of detail/examples here. - http://amp.gs/EKeS

#css
Mixins and custom functions to enhance your Vue applications

If you are a Vue lover and are looking for a way to extend your Vue application, you have come to the right place. - http://amp.gs/EKuj

#vue
How to Use SignalR with .NET Core and Angular - Real-Time Charts

SingalR is a library which helps us provide a real-time web functionality to our applications. This means that our server can push data to any connected client as soon as that data is provided, in a real-time, and vice verse. In this article, we are going to show you how to use SignalR with .NET Core and Angular through the practical example. - http://amp.gs/E3zf

#angular #signalR #netcore
Better Reusable React Components with the Overrides Pattern

An engineer at Uber shares how they came up with a pattern for overriding interval styles or props of components when necessary. - http://amp.gs/E3se

#react
DRY Switching with CSS Variables: The Difference of One Declaration

Ana Tudor looks into the way CSS variables can be used to make the code for complex layouts and interactions less difficult to write and a lot easier to maintain. - http://amp.gs/EHyg

#css
A Visual Roadmap to Becoming a React Developer in 2018

This stirred up a lot of opinions on social media and places like Hacker News and became our most popular link of 2018. While it’s not essential to learn everything to be a good React developer, this illustration did give a reasonable lay of the land. - http://amp.gs/EHHy

#react
New in Angular v7.1: Updates to the Router

Some new features have been added to the Angular Router with version 7.1.0. In this article, we’ll explore how to start using these new features. We’ll also understand the motivations behind them, and take a glance at how they are implemented in the Angular sources. - http://amp.gs/E2jl

#angular #router
A Recap of Frontend Development in 2018

We’ll be back on January 2 to do our own 2018 recap, but if you can’t wait, this article does a neat roundup of the most important frontend developments of 2018. - http://amp.gs/E2PQ

#frontEnd
New CSS Logical Properties

Elad Shechter gives an introduction to the logical properties in CSS. - http://amp.gs/E2FB

#css
A Comprehensive Guide to Learning React in 2018

A classic, interactive ‘from scratch’ tutorial that was upgraded this year to modern React 16 standards. - http://amp.gs/Ewml

#react
AVA 1.0: A Powerful Test Runner for Node

AVA is a test runner with a concise API, detailed error output, and process isolation that let you write tests more effectively. - http://amp.gs/EwSW

#nodejs
Angular @ViewChild: In-Depth Explanation (All Features Covered)

The Angular @ViewChild decorator is one of the first decorators that you will run into while learning Angular, as it’s also one of the most commonly used decorators. - http://amp.gs/EFGp

#angular