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
Angular — Why we should avoid using public methods to design components

There are many ways to communicate between components. One of the most frequently used approaches is via public method calls. Many developers with a strong classic web development background (such as JQuery) like using this approach to design components. However, it is in fact, not a good practice in the world of Angular. - http://amp.gs/MUwo

#angular
What’s New In NextJS 10

NextJS is a popular framework for making high performance, server-rendered React applications. Originally released in 2016 by Vercel, NextJS has come a long way. It’s now one of the most popular frameworks for not only building server-rendered applications but also for building static sites. - http://amp.gs/MdBs

#nextjs
Type-Safe Vue.js Injections

This is a short article on what you can do with provide/inject TypeScript support in Vue 3 and vue/composition-api library for Vue 2. - http://amp.gs/MdaN

#vue
Experimenting Producing AVIF Images from Node

AVIF is a new image format that’s not widely supported yet, but with widespread support on the way. Given its many advantages, though, developers are keen to use it. The Sharp module recently added AVIF support too and here’s how it operates. - http://amp.gs/MrWC

#nodejs
Improving Cross-Browser Testing, Part 1: Web Application Testing Today

James Graham and Maja Frydrychowicz explore the current web-application testing landscape and explain what Firefox is doing today to allow developers to run more kinds of tests. - http://amp.gs/MSXx

#css
Making Configurable Angular Feature Modules Using Strategy Pattern

House cleaning takes effort, but the result is priceless. Same goes for clean code. It takes effort, but patterns definitely increase the life expectancy of code. When we create some Angular feature modules and want to reuse them, we often end up rewriting the module either by updating the config or logic inside some classes to fit our needs. We should try our best to avoid these sort of practises as much as possible for better code maintenance. - http://amp.gs/MN08

#angular
How Discord Implemented App-Wide Keyboard Navigation

With a reported 250 million users, Discord operates at a scale which is difficult for many to fully grasp. Here’s how they rolled out a key new feature to that massive community. - http://amp.gs/MA2D

#react
42 Tips and Tricks to Write Faster, Better-Optimized JavaScript Code

I always used to prefer something like a newspaper which give enough information in a shorter span of time. Here, I create tips for day to day Frontend development. - http://amp.gs/Mq5n

#javascript
The Four 'Creational' Design Patterns in Node.js You Should Know

Design patterns are used in numerous scenarios such as for handling object interactions, object design, and also how objects are created which is the focus here. Singleton, Factory, Builder, and Prototype patterns are covered. - http://amp.gs/MD83

#nodejs
ControlValueAccessor and contenteditable in Angular

Have you wondered how Angular forms work with HTML elements where user enters data?
From the beginning, it was a responsibility of ControlValueAccessor. Angular has several accessors out of the box: for checkboxes, inputs, selects. Let’s say you develop a chat application. You need to be able to change style of the text. Make it bold or underlined, add emojis and so on. You would most likely use contenteditable attribute to handle formatting. - http://amp.gs/Mut0

#angular
React Performance Optimization Tips

If one of your New Year’s resolution to finally tweak up the performance of your apps, these tips will help. - http://amp.gs/M0Yr

#react
Executing Heavy Tasks Without Blocking the Main Thread on Flutter

Approaches to optimizing the execution of heavy tasks in Flutter. - http://amp.gs/MKTc

#flutter
Why We Still Need State Management Systems in Vue 3 — But Not the Way You Think

The Composition API gives us great flexibility - but how can we gather the insights we are used to by Vue.js Devtools integrations like Vuex? - http://amp.gs/M3eH

#vue
ECMAScript 2020: The Final Feature Set

TC39 (and then Ecma) approved the ECMAScript 2020 spec in early 2020, but what was new? Dr. Axel rounded it up succinctly with links to the various proposals. We also now have a draft of ECMAScript 2021 with us if you want to get prepared - http://amp.gs/MHIL

#javascript
Getting trapped into the Angular DI mechanism

The Angular framework includes a top-notch mechanism for providing dependencies to an Angular application, called the Angular dependency injection or simply Angular DI. - http://amp.gs/MHgh

#angular
The Future of CSS: Higher Level Custom Properties To Control Multiple Declarations

Bramus Van Damme gives an overview of Higher Level Custom Properties, properties that control a number of other CSS Properties. - http://amp.gs/M2jZ

#css