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

Admin: @andrey2019
Download Telegram
Vite Hot Module Replacement - A Complete Example

This article explains how to set up hot module replacement (HMR) with Vite for a vanilla JS project. - http://amp.gs/jB3Oz

#vue
👍3
The as Prop

A succinct description on its use to combine semantics with aesthetics in a flexible way. - http://amp.gs/jBHlx

#react
👍4
How to Build a Group Chat App with Vanilla JS, Twilio and Node

Chat apps have long been a popular bucket list project for Node developers. I did a webinar (or livestream to the young'uns) 10 years ago(!) on building a chat app in Node myself but times have moved on and it’s possible to outsource much of the infrastructure now, as seen here. - http://amp.gs/jBHHE

#nodejs
👍3😁1
COLRv1 and CSS font-palette: Web Typography Gets Colorful

Ollie Williams explains how to use font-palette property and @font-palette-values to control the color palette of color fonts. - http://amp.gs/jB2x5

#css
👍4
What You Need to Know About the New Era of Internet Web 3.0 As a Frontend Developer - http://amp.gs/jB2oG

#web3
👍5
How To Build a Modal Dialog as a Web Component

“Write once and run everywhere, so to speak, or at least that was my lofty aspiration. Good news. It is indeed possible to build a modal with rich interaction that only requires authoring HTML to use.” - http://amp.gs/jBw44

#javascript
👍4
Improve Your React App Performance Using React Profiler

A quick peek at the profiler API which can provide hard data to be used in diagnosing performance bottlenecks. - http://amp.gs/jBwHN

#react
👍5
Microfrontends Architecture, Tooling, and Recommended Practices

The Vertical Slice · Library/Framework: Favor React over Angular · Code Structure: Favor Monorepo over… - http://amp.gs/jBF9u

#microfrontends
👍41
Improve the Performance of Your Forms

An exploration of how Kent’s state colocation concept (from 2019) can optimize React forms by keeping state management close to where it is needed. - http://amp.gs/jBX4V

#react
👍6
How to start a project on Angular the right way

How do you start a new project? ng new app and that’s it! Not anymore. If you want to make maintenance and… - http://amp.gs/jBX6i

#angular
👍6
Writing Better CSS

Adam Laki offers some advice on improving your CSS. - http://amp.gs/jBWnl

#css
👍7🔥1
How to create pagination in Nest.js with TypeORM + Swagger

Pagination is a very important part of API. It requires and is used in almost every CRUD application. - http://amp.gs/jBWHq

#nodejs
👍5
Pure Functions in JS: Avoiding Unwanted Problems

Learn to take advantage of them! - http://amp.gs/jBagw

#javascript
👍3
Using Google's CrUX to Compare Performance of JS Frameworks

Chrome User Experience Report (CrUX) is a dataset of user experience metrics collected from real world Chrome users and it’s possible to use it to analyze and compare the performance profiles of different UI frameworks, as done by Dan here. - http://amp.gs/jBojJ

#javascript
👍42
Implementing Progressive Image Loading

Is there anything worse than staring at a blank frame while a large, high-resolution image is loading? Improve your user’s experience by giving them a progressively clearer picture of what lays in store for them. - http://amp.gs/jBodD

#react
👍5👎21
Angular: Get Control in ControlValueAccessor

How to get a reference to the control passed to your custom component without creating a new one. - http://amp.gs/jBMlm

#angular
👍7🥰1