FrontEnd Development
30.6K subscribers
145 photos
1 video
9.35K links
Полезные ссылки иHTML, CSS, JavaScript, TypeScript, Angular, React, Vue, Node.js, Mobile and more.

Admin: @andrey2019
Download Telegram
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
Runtime Configs in Nuxt.js

Configuration management can be a pain. Find out how Nuxt seamlessly integrates your sensitive credentials and configuration into your projects. - http://amp.gs/b3E7

#vue
Ten Mistakes to Avoid When Using React

While these are opinions, of course, your code will benefit from implementing at least some of these recommendations. - http://amp.gs/b2eg

#react
Asynchronous APIs with DynamoDB Streams

AWS’s API Gateway can add data directly to a DynamoDB table and this can then be picked up by a Lambda function using DynamoDB streams. But why? It can be a lot faster for the client than calling the Lambda directly. - http://amp.gs/bwmF

#nodejs
Security Best Practices in Angular

This article describes Angular’s built-in protections against common web-application vulnerabilities and… - http://amp.gs/bFtj

#angular
DevTools for CSS Layouts 2021 Edition

Chen Hui Jing gives an overview of layout-related DevTools features. - http://amp.gs/bXYs

#devtools
14 Useful Tools That I Use for Faster and Easier Web Development

Useful online developer tools you’ll love to use. - http://amp.gs/bXch

#web #tols