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
Building A Quotes App In Flutter

Learn how to build a simple quotes app in Flutter, including how to fetch the data, implement the UI and style the text. - http://amp.gs/M2KQ
Implement Infinite Scroll in Vue.js Using Apollo and Hasura GraphQL

In this article, you'll learn how to implement infinite scroll in a Vue.js app using Apollo and Hasura GraphQL APIs. - http://amp.gs/MwNK

#vue
Intro to React Server Side Rendering

In issue 220 we featured extensive coverage of the brand new React Server Components which are currently in development. However, they do not replace SSR but rather they complement it. Given SSR is going to be part of the development landscape for some time, this is what you need to know to get started. - http://amp.gs/MFsL

#react
Front-End Performance Checklist 2021

An annual front-end performance checklist (available as PDF, Apple Pages, MS Word), with everything you need to know to create fast experiences on the web today, from metrics to tooling and CSS/JavaScript techniques. - http://amp.gs/MFbQ

#frontend #checklist
The Good and Bad of Angular Development

The Angular framework is here around for almost ten years. It is introduced and used by Google to build robust software products. This framework is developed by the same team that created the AngularJs framework. Angular is the most popular framework and ranks in the top five amongst other web app development frameworks. Angular is famous because it is equipped with robust components that help developers create readable, easy-to-use, and maintainable codes. To use this modern Angular framework, having knowledge of TypeScript is necessary. - http://amp.gs/MXX0

#angular
15 RxJS *Awesome* Tips from 15 Sentinels

RxJS is by far the hottest library for reactive programming in the web for the past few years. It is built on fascinating concepts and paradigms which are worth digging into that aren’t in scope of this post (what is “reactive”, “declarative”, functional programming concepts and more..). - http://amp.gs/MWw2

#rxjs #tips
Vue Composition API Tutorial: Build a Project Idea Generator

The purpose of this tutorial is to learn how to use the Vue 3 Composition API to build an idea generator. - http://amp.gs/MoTU

#vue
Maximally Optimizing Image Loading for the Web in 2021

Malte Ubl outlines eight image loading optimization techniques to minimize both the bandwidth used for loading images on the web and the CPU usage for image display. - http://amp.gs/Mobs

#css
How to Use useCallback to Write Better React Code

While React has the reputation of being pretty fast already, there are still situations where components begin to feel clunky. If that’s the case, you may want to employ useCallback to prevent them from being needlessly recreated during render. - http://amp.gs/M5ID

#react
Tips for Authoring fast-loading HTML Pages

Learn how to optimize the web page for a more responsive site from these tips that are based on common knowledge and experimentation. - http://amp.gs/MQpf

#html
Want To Level Up Your FrontEnd Skills 🔥🔥

Then, Subscribe To This YouTube Channel To Level Up Your FrontEnd Skills 👇 👇

https://www.youtube.com/codingmasteryt
Advanced Router Configuration In Angular

All of us use Routing as part of one or the other application to allow the user to navigate from one page to another via routes. Angular comes with a default solution known as RouterModule for implementing Routing in the application. - http://amp.gs/McYU

#angular
Fixing Memory Leaks in Web Applications

When the front-end became more dynamic, part of the bargain was that front-end developers would have to deal with “a new class of problems that don’t really exist in the server-rendered world”.. including avoiding memory leaks on 101 different types of client device. Here’s an introduction to client-side memory leaks and how to begin investigating them. - http://amp.gs/M6lT

#javascript
The Art of Building Real-Life Components

Ahmad Shadeed gives a detailed walkthrough to building a component with all its complexities and intricacies. - http://amp.gs/MbPE

#css
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/5IZI

#vue
Minimal React: Getting Started with the Frontend Library

JavaScript's esteemed Dr. Axel explains how to get started with React while using as few libraries as possible, including his own state management approach. This dates from 2020 but we didn't cover it at the time. - http://amp.gs/5jl7

#react
Preventing Angular Subscription Memory Leaks

Don’t let your app get sluggish, handle your subscriptions - http://amp.gs/5TvX

#angular