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
How to Make a Snazzy One-Time Code Input in React Native

If your app demands a user enter a one-time code (from an SMS, say) here’s a way to make it a nice experience with React Native. - http://amp.gs/5Mu1

#reactnative
13 JavaScript One-Liners That’ll Make You Look Like a Pro

I think the title oversells it a little, but nonetheless, you might pick up a tip or two from these well presented examples. - http://amp.gs/557n

#javascript
Compliant components: Declarative approach in Angular

When I first heard about compliant mechanisms I was very impressed. Even though they surround us in our daily lives — we barely ever think about what they are conceptually. - http://amp.gs/5QZP

#angular
10 Best Practices to Containerize Node.js Web Applications with Docker

A helpful article that provides production-grade guidelines for building optimized and secure Node.js Docker images for your web applications. - http://amp.gs/5QQx

#nodejs
Using Web Workers in Vue Applications

As a single-threaded programming language, JavaScript can only perform a single set of instructions at a time. Learn how to use web workers in Vue applications to keep the main thread unblocked. - http://amp.gs/5cPy

#vue
The Importance of @font-Face Source Order When Used With Preload

Matt Hobbs outlines how a small change in the ordering of your font sources in the @font-face rule can significantly impact performance. - http://amp.gs/5cX4

#css
Learn Angular Basics by Building a Simple App Using Angular Material

Ready to build something pretty awesome today? Me too!
I currently work as an Angular developer, building tools the employees at my company use to get their jobs done and hopefully enjoy doing them. I only started developing in Angular at the beginning of May this year, but I love front-end work and am so pumped to get the chance to learn this new skill professionally. - http://amp.gs/5bTJ

#angular
The Tao of React: Design, Architecture & Best Practices

There are no universal best practices, says the author, but there are certainly principles and attitudes that will take you a long way in productively building resilient React apps for the long term, and he shares quite a few of his findings here. - http://amp.gs/5bXI

#react
Scaling Your Vue Components for Mid-Large Size Apps

Working on a mid-large size app usually means hundreds of components. How do you make sure these components will scale? - http://amp.gs/QIr7

#vue
An Interactive Guide to CSS Transitions

Joshua Comeau gives a comprehensive guide to CSS transitions, the fundamental building blocks we need to create micro-interactions and other animations. - http://amp.gs/QjZv

#css
undefined vs. null Revisited

Most languages include a concept of a ‘non-value’ (often called null or nil) but JavaScript has two in the form of undefined and null. Dr. Axel analyzes their differences and where and why they’re used. - http://amp.gs/Q8IV

#javascript
Storybook With Angular 10

Storybook allows you to write various “test cases” on your Angular components when passing it different Input()s and responding to its variousOutput()s. This is useful especially when you want to quickly view changes to a specific component as opposed to waiting for the entire app to refresh on each change. - http://amp.gs/Q8oE

#angular
Use Mapbox Popups with Vue 3

In this article, you'll learn how to use a Vue 3 component as content of a Mapbox popup while keeping full reactivity. - http://amp.gs/QY6h

#vue
Building Server-Side Rendering for React Apps on AWS Lambda

A look at two ways you can implement and deploy a solution for server-side rendering in React applications by using Lambda or Lambda@Edge, along with using tools like AWS CDK to automate things. - http://amp.gs/Qmjd

#react
10 Bad TypeScript Habits to Break This Year

Unsurprisingly, given the title, this is very opinionated. - http://amp.gs/QZlv

#typescript