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
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
Fastify 4.0 Released

The first major release of a popular, high performance Node.js Web framework in two years warrants some celebration. A focus has been placed on stabilization, modernization, and improving the already quite stable developer experience, rather than flashy new features, although this post does cover a few updates. - http://amp.gs/jBMFZ

#nodejs
👍7
A CSS Slinky in 3D? Challenge Accepted!

Jhey Tompkins demonstrates how to create a Slinky walking downstairs animation in CSS. - http://amp.gs/jB5PM

#css
👍6
Speed Up Your Vue App: The Most Unexpected Way

A surprising approach to speeding up a Vue app by replacing v-model. - http://amp.gs/jBQIM

#vue
👍6🤮2
Build your design system with Storybook + Nx

If you are part of a large organization or team, chances are you need a design system. There are tons of… - http://amp.gs/jBQs6

#storybook
👍7
How to write component harnesses in Angular

Step by step guide to implement your first harness object for your Angular components - http://amp.gs/jBcZ0

#angular
👍3
A Roundup of React State Management Libraries in 2022

React’s strength is its flexibility in fitting in with different development approaches, including state management where there are numerous options nowadays. This post does a basic roundup of several popular options including Zustand, Recoil (which comes from Facebook itself), XState and, of course, Redux. - http://amp.gs/jBcFu

#react
4👍4👏1
Four Eras of JavaScript Frameworks

An interesting history of JavaScript frameworks - http://amp.gs/jB6hs

#vue
👍4
Creating a GraphQL Server in Node.js

A walkthrough, along with downloadable code, of creating a GraphQL API server using Mercurius, a GraphQL adapter for the Fastify framework. - http://amp.gs/jB6JT

#nodejs
👍8