FrontEnd Development
28.8K subscribers
145 photos
1 video
9.35K links
Полезные ссылки иHTML, CSS, JavaScript, TypeScript, Angular, React, Vue, Node.js, Mobile and more.
Download Telegram
Building and Styling Tables with react-table v7

Creating tables with React can be a pain. react-table v7 provides a modern, Hooks-based API that helps us create tables in React with little hassle. - http://amp.gs/3MW6

#react
How a Few Lines of Code Broke Lots of Packages

Just under a week ago, people were reporting that create-react-app was broken. The culprit? A tiny change in a tiny dependency: is-promise. Luckily a fix was out very quickly and the creator of is-promise reflects on what happened here.
- http://amp.gs/3551

#news
Modern CSS Solutions for Old CSS Problems

Stephanie Eckles created a series that examines modern CSS solutions to common problems. - http://amp.gs/3c8D

#css
The case for HOC vs The Composition API

In this article Abdelrahman compares Higher-Order Components (using scoped-slots) with the upcoming Composition API. I especially enjoyed the Vee-Validate v4 comparison. Check it out! - http://amp.gs/36jJ

#vue
How to create a complex dynamic form in Angular

Forms are a very important part of the web application. Sometimes we come to a scenario where forms element is static and well defined. Sometimes web application development goes beyond static forms to dynamic forms. Dynamic forms do not have static fields. Dynamic forms and controls can be generated based on certain events. In this article, we are going to generate controls based on the click of plus. Delete it on the click of minus buttons. - http://amp.gs/3bmT

#angular
Six Platforms for Hosting a Node App in 2020

Of course, you can run a Node app pretty much anywhere there’s a server, but some platforms make it easier than others. These all have free tiers too. Glitch, Nowsh (now Vercel) and Heroku are particular favorites of ours at Cooperpress. — http://amp.gs/HjBj

#nodejs
A Guide to window.location

A breakdown that covers most of the methods and properties available on the DOM’s window.location object. - http://amp.gs/H8xy

#javascript
Validations in Angular Reactive Forms

Building forms on Angular is intuitive until you get to the point of user input validations. The work of a Frontend Engineer would have been a lot easier if users could be trusted with entering the right values into each input field. Unfortunately, this isn’t always possible. Therefore the relevance of validating user inputs at the point of entry can not be overemphasized. - http://amp.gs/HT9R

#angular
Optimize Cumulative Layout Shift

Addy Osmani explains how to avoid sudden layout shifts to improve user experience. - http://amp.gs/Hzhh

#css
State Management with Composition API

The Composition API (and other Vue 3 APIs) simplifies a lot when it comes to state management. Learn how the Composition API has changed the way I manage my application state. - http://amp.gs/HYSg

#vue
A Critique of React Hooks

Sometimes you have to lead with the controversial item of the week and the Hacker News discussion around this went off into a lot more depth. - http://amp.gs/HtZ8

#react
Deno 1.0: What You Need to Know

Two years ago Ryan Dahl, the original creator of Node, gave a popular talk called 10 Things I Regret About Node.js where he revealed Deno, his prototype of how he'd build a better V8-based JavaScript runtime. With 1.0 due next week, Deno is poised to be a particularly exciting release and this article does a good job of cruising through the reasons why. - http://amp.gs/Ht01

#nodejs
7 JavaScript Design Patterns Every Developer Should Know

This is sort of like a (very) mini version of Addy Osmani’s 2017 book on JS design patterns - http://amp.gs/Hmek

#javascript #patterns
6 Concepts to Master to be an Angular Architect

Six concepts every Angular developer should explore in-depth in order to master Angular and design well-architected applications. - http://amp.gs/HmK6

#angular
A Complete Guide to CSS Functions

A comprehensive guide to CSS functions, covering Custom Properties, Color Functions, Pseudo Class Selectors, Animation Functions, Sizing and Scaling Functions, Grid Functions, and more. - http://amp.gs/HZC5

#css
Stale-While-Revalidate Data Fetching Composable with Vue 3 Composition API

When building apps that rely on data from an API, two things are essential: we want our data to be fresh, and we want it fast. The stale-while-revalidate caching pattern helps us to strike a balance between both. - http://amp.gs/Hptk

#vue
A Practical Guide to Node Buffers

You’ll often encounter Buffer objects for holding binary data in the form of a sequence of bytes during interactions with the operating system, working with files, network transfers, etc. - http://amp.gs/HlTT

#nodejs
Playwright 1.0: Fast and Reliable Cross-Browser Testing

We first featured Playwright, Microsoft’s take on a cross-browser alternative to Puppeteer, a few months ago, but it’s already at 1.0. This post does a good job on selling it. - http://amp.gs/HBZq

#javascript