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
Next.js 101: What You Should Know

If you've noticed initial page loading with your React app and/or the SEO is not producing the results you expect, it may be that Next.js is the cure for what ails. This article introduces Next.js and provides some essential need-to-know items worthy of consideration. - http://amp.gs/Fx2H

#react
Temporal, a Future API for Dates and Times in JavaScript

TC39 seeks your help with the future of JavaScript! They’re working on a proposal for a modern date/time API for ECMAScript/JS. Check out these examples for a feel of what the API would give us. You’re encouraged to have a play and fill out this survey. - http://amp.gs/FCGs

#javascript
Introducing (Angular Reactive) Forms with Benefits

How many times have you told yourself “I wish Angular Reactive Forms would support types”, or “I really want API to query the form reactively. It missed some methods.” - http://amp.gs/FkpU

#angular
Using Babel Transforms to Inject Analytics Code in React Native Apps

Heap is focused on comprehensively collecting user behaviours (such as taps and changes to text fields) so that users' interaction with the app can be clearly understood. Rather than creating their own version of React Native to support this functionality, they chose to inject analytics code at build time. Here's how. - http://amp.gs/FemB

#reactnative
Inspired Design Decisions With Emmett McBain: Art Direction As Social Equity

Andy Clarke explains how the work of Emmett McBain, a Black American graphic designer whose work had a remarkable impact on the representation of Black Americans in advertising, can inspire what we design for the web. - http://amp.gs/F7Ip

#css
Vue 3: Data down, Events up

In the latest article from Vue Mastery, Thorsten Lünborg explains how to take advantage of data binding in Vue 3, using good old options API. — http://amp.gs/F7Mz

#vue
Four Ways to Fetch Data in React

It’s really three ways you perhaps don’t want to fetch data, building towards a solid case for the best approach. But we like the logical progression through the alternatives. - http://amp.gs/FPMP

#javascript
Create Simple COVID-19 Tracker With Angular 10 And Material Design

In this pandemic period, many of us are suffering due to Coronavirus. The author of this article has decided to create a simple app to track the important details of Covid-19 and show this data in the dashboard. This app will provide an option to choose a country and display the data of that particular country easily. We will also display the highest recovered top 10 country details along with the highest confirmed and highest death details. - http://amp.gs/Fy2a

#angular
Understanding CSS Multiple Backgrounds

Ahmad Shadeed explains the background-image property in detail and provides a visual explainer on how we can stack multiple backgrounds. - http://amp.gs/FvH1

#css
How to Create a Great User Experience with React, TypeScript, and the React Testing Library

Your app's user experience shouldn't really be an afterthought once you have built the core functionality. Rather, this article makes the case and provides the techniques to design UI excellence in from the beginning and support it with a comprehensive testing regime. - http://amp.gs/FgN2

#react
Automatically Generate your Vue Router Configuration with vue-auto-routing

When designing very large JavaScript applications, you have to be very careful about how you structure your dependencies. One particular example of this is the router.js configuration file. Learn how to use the vue-auto-routing package to automatically generate the router configuration based on the directory structure. - http://amp.gs/FEOe

#vue
Async Rendering with a single Rx Operator

The concept of async rendering is simple: the process of rendering items on screen is scattered so that the browser won't block until all items have been rendered. - http://amp.gs/FVSp

#angular
Debounce Explained: How to Make Your Code Wait For Your User To Finish Typing

Debounce functions are higher-order functions that limit the rate at which another function can be run. - http://amp.gs/F9d1

#javascript
15 React Best Practices You Need to Follow in 2020

This article shows the most fundamental of the React best practices to keep your code better organized. - http://amp.gs/FRVR

#react
Modern CSS Techniques To Improve Legibility

Edoardo Cavazza covers how we can improve website legibility using some modern CSS techniques, great new technologies like variable fonts, and putting into practice what we learned from doing scientific research. - http://amp.gs/FUjq

#css
Context and Provider Pattern with the Vue 3 Composition API

Learn how to use the Vue 3 Composition API to replicate the React Context and Provider API. - http://amp.gs/FUr0

#vue
Using Angular in the right way: Template Syntax

The purpose of this article is to make our Angular template code readable and enable a high-caliber performance by following the right practices. It's very useful to have good practices in place for an Angular template to overcome the future performance-related issues in the enterprise application. - http://amp.gs/FdA8

#angular
Four Ways to Fetch Data in React

The title is a little deceiving: it's really three ways you probably don't want to fetch data, building towards a solid case for the one you should. But we like the logical progression through the viable alternatives. -
http://amp.gs/FO89

#react