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
New possibilities with Angular’s push pipe - Part 2

The main idea behind the Angular push pipe is a new way of handling change detection locally instead of the global handling used in async pipe by Angular natively. It is implemented in a way we can get zone-less performance in zone-full applications. - http://amp.gs/ag0f

#angular
Tailwind Versus BEM

Eric Bailey compares Tailwind and BEM approaches to writing and maintaining CSS, and outlines benefits and drawbacks for both. - http://amp.gs/aEwK

#css
What Vue.js Does Better Than React

“I love and use React daily but was curious if there’s anything from Vue that React could learn from. Turns out there is! This post collects my findings.” - http://amp.gs/aV7z

#vue
How to Use Sharp for Image Processing

Sharp is a high-performance module for resizing and formatting images (it uses libvips behind the scenes) and here’s how to get started with it. - http://amp.gs/a98v

#nodejs
Getting Started with Next.js

Next.js is a React-based framework focused on providing a good developer experience for building complete, production-bound apps covering both backend and frontend. - http://amp.gs/a9LA

#nextjs
How to get the most from the TypeScript compiler — Angular

When it comes to the TypeScript compiler in an Angular application, there is one entry file that does the job and can do even more if you learned how to get the most of it. - http://amp.gs/a4of

#angular
How to Persistently Change Third Party Web Sites With Browser Developer Tools

Christian Heilmann shows how to change and fix some issues in third party websites using developer tools in browsers. - http://amp.gs/aRbI

#css
GraphQL Could be Your BFF (Backend for Frontend)

The architectural shift from monoliths to microservices came with a wide range of benefits. A reduction in complexity means the services are easier to design and build, the isolation of tasks means services can be team-specific, reducing the onboarding time for new developers and a reduction in processing power required to run the services makes it easier to scale horizontally. - http://amp.gs/aUuR

#bff
JavaScript's Memory Management Explained

A summary of the core concepts of memory management as it relates to JavaScript. - http://amp.gs/adH1

#javascript
How to Test Responsive Web Design Cross-Browser Compatibility - http://amp.gs/aOHQ

#testing
How to Lazy Load a Component in Angular

This article explains various ways of lazy loading a component in Angular, including via an import statement inside an async-await function and via the then method. - http://amp.gs/arsF

#angular
Which To Choose in 2020: NextJS or Gatsby?

Up until a few months ago, choosing between NextJS and Gatsby was easy. Need to make a static site, like for a blog or help page where the content doesn’t change too often? Cool, choose Gatsby. Need to build a site with server-side rendering, like an e-commerce store with thousands of items? Great, NextJS it is. - http://amp.gs/aS0b

#react #nextjs
A Quick Introduction to Elasticsearch for Node Developers

Got documents or data to offer search functionality over? Elasticsearch is a fantastic option. - http://amp.gs/aNwD

#nodejs
Frontend Architectural Patterns: Backends-For-Frontends

The backends-for-frontends architectural pattern describes a world in which each client application has its own server-side component— a backend for a particular frontend.
This pattern is highly applicable if you have multiple client interfaces with significantly different needs that all consume the same underlying resources. The most common real-world example is an application that has both a web and a mobile client. - http://amp.gs/aqF2

#bff
Selecting the Right Tool for Your Monorepo

Monorepos used to be thought of as a solution suitable only to large enterprises, but recently, it seems, the need for them has become apparent to teams of all sizes.
This growth in demand has been met by the creation of numerous tools that offer simpler implementations for this type of code management architecture. - http://amp.gs/asQM

#monorepo #tools
Understanding When to Use useMemo

Max picks up on Knuth's often misunderstood "premature optimization is the root of all evil" quote but uses it to point at the misuse of useMemo before it’s really necessary. - http://amp.gs/aiwW

#react
Angular 10 NgRX Store by Example

In this tutorial, we’ll learn how to use NgRX store in our Angular 10 example application. We’ll see how we can create actions, reducers, and dispatch actions.
The Angular NgRx store is a client-side data management pattern that implements the Redux pattern, invented by Facebook, using RxJS observables. - http://amp.gs/aD2N

#angular
What’s New in Webpack 5: And Should You Rush to Upgrade?

A valuable, candid assessment of what’s to be gained with the latest major release of webpack. While the benefits mean you’ll have to get there eventually, you will also want to proceed prudentially, particularly if you make heavy use of plugins which may not yet be supported. - http://amp.gs/auiV

#webpack