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 Component Library with Docz and Lerna

Component libraries are all the rage these days, with many companies rolling out their own solutions or… - http://amp.gs/b4zL

#library
Extending Vue Router Links in Vue 3

Learn how to easily handle both internal and external links in Vue 3 by wrapping the router link component in your own custom AppLink component. - http://amp.gs/b4Lg

#vue
API Design for a React Tree Table

A well-illustrated, step-by-step tutorial for building an emulation of the macOS Finder for navigating through hierarchical data. The documentation is complete and well-organized and source code is available. It's always good when someone clearly lays out the challenges they faced when building something like this. - http://amp.gs/bRKS

#react
Angular dynamic form generator

Prerequisites: A basic understanding of angular, angular’s reactive forms and basic recursion. - http://amp.gs/bUqd

#angular
10 Best Practices for Node.js Applications

Node.js Practices You Need To Know - http://amp.gs/bdvd

#nodejs
Creating Colorful, Smart Shadows

Kirupa Chinnathambi shows how to create a shadow effect that inherits some of the colors from the foreground element. - http://amp.gs/bOg2

#css
Reusable Module vs Component in Vue 3 Composition API

In this article, you'll learn the key difference between reusable modules vs components in Vue 3 Composition API and when to use them. - http://amp.gs/brVb

#vue
A Complete Guide to Building a Grocery Delivery UI with React Native

If you want to start the next big grocery delivery service (or more likely just learn how such apps work for your own ends!) this isn't just a useful tutorial but is full of links to the various bits and pieces you can pull together to build such an app. - http://amp.gs/bSCh

#react
Angular HTTP Interceptor using multiple RxJS streams

I recently ran into a need of using an interceptor with multiple streams. I hope the solution below helps… - http://amp.gs/bAfb

#angular
Dynamic CSS Masks with Custom Properties and GSAP

Michelle Barker demonstrates how to animate CSS masks based on the cursor position using GSAP and custom properties for a unique spotlight effect. - http://amp.gs/bqtx

#css
Why JWT Should Not Be Your Default for Sessions

“My point in all this is not to discourage the use of JWT in general, but be deliberate and careful when you do. Be aware of both the security and functionality trade-offs and pitfalls.” - http://amp.gs/bsmN

#nodejs
Reducing HTML Payload with Next.js

Bookaway, a transportation booking platform, had to reduce the size of their HTML pages to provide a better user experience and, in turn, improve discoverability with major search engines. - http://amp.gs/biz5

#react
Starting a TypeScript Project in 2021

A guide for starting a TypeScript project in 2021 with modern tooling. - http://amp.gs/biWV

#vue
Auditing Design Systems for Accessibility

Anna E. Cook explains how to create a design system with baked-in accessibility and how to find & audit accessibility issues in your existing design systems. - http://amp.gs/buJ4

#css
The Node.js Docker Cheatsheet

This is derived from 10 Best Practices to Containerize Node Web Apps with Docker by Liran Tal and Yoni Goldberg but is now an official OWASP cheatsheet. - http://amp.gs/bJlz

#nodejs
A Declarative Dialog For Angular Material

A Nice Addition to MatDialogModule - http://amp.gs/bJuZ

#angular
Performance-Testing the Google I/O Site

Another solid performance review from Jake here, this time looking at how the Google I/O site fares on a 3G mobile connection. - http://amp.gs/b0lE

#javascript #performance
React vs React Native: Differences, Advantages and Limitations

Valuable reading if you’re contemplating the migration of your React app to mobile devices (or the other way ‘round if it’s written using React Native). - http://amp.gs/b0rL

#react
Problems with Server-Side Plugins in Nuxt.js

When you use server-side rendering in Nuxt, you can create highly dynamic and performant experiences. Josh Deltener explores one of the lesser-known issues with server-side plugins in Nuxt. - http://amp.gs/bKjF

#vue
Component-Level Art Direction With CSS Container Queries

Sara Soueidan discusses why it would be useful and handy to get Container Queries in HTML. - http://amp.gs/bKDp

#css