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

Admin: @andrey2019
Download Telegram
Sliding In And Out Of Vue.js

One of the key advantages of Vue.js is that it is easy to wrap up non-Vue code into Vue. This article explores this advantage, covering three distinct types of third-party JavaScript and ways to embed each of them in Vue. - http://amp.gs/Rj9E

#vue
An Introduction to Web Components

The first in a series on Web Components. This introductory post looks at why they’re a great tool for delivering “high-quality user experiences without complicated frameworks or build steps” without the risk of becoming obsolete. - http://amp.gs/Rj6Q

#web #components
Rendering Large Lists with react-window

If you need to display large lists of data efficiently, you may be familiar with react-virtualized. react-window is a rewrite by the same author aiming at being even smaller and faster. - http://amp.gs/R8NN

#react
CSS Flexbox: 5 Real World Use Cases

An overview of some common layout options and how you can accomplish them through Flexbox. - http://amp.gs/R18l

#css #flexbox
A Complete Guide to Threads in Node.js

An introduction to executing complex operations in Node with the worker_threads module that was first introduced with Node 10.5 and is now enabled by default. - http://amp.gs/R1bX

#nodejs
Hacking Custom Checkboxes & Radios with CSS

Improving the look of native radio buttons/checkboxes while still preserving accessibility. - http://amp.gs/RYo6

#css
use-query-params: A React Hook for Managing State in URL Query Parameters

Encode and decode data of any type as query parameters with smart memoization to prevent creating unnecessary duplicate objects. - http://amp.gs/Rtur

#react #hooks
How to Reduce Your Vue.JS Bundle Size With Webpack

Learn how to diagnose oversized Webpack bundles and some effective strategies for reducing bundle size. - http://amp.gs/RmqC

#vue
Angular Unit Testing ViewChild

If you have been using Angular for any length of time, you have probably run into a parent component that references a child component using ViewChild. Unit testing the parent component is trivial if you just want to include the child component in the test. However, it gets tricky when we want to mock the child component with a stub. - http://amp.gs/RZUL

#angular
CI/CD Pipeline: A Gentle Introduction

Do you want your engineering team to deliver bug-free code at high velocity? A fast and reliable CI/CD pipeline is crucial for doing that sustainably over time. - http://amp.gs/RBkj

#ci #cd
Internationalize Your Angular App with ngx-translate

At some point, your web application may require serving a multilingual user base. Internationalization, or i18n for short, is the process by which you make your app usable for those with a different native language. While Angular has some built-in i18n functionality, ngx-translate is a third-party package which makes the process dead simple. - http://amp.gs/RnzA

#angular
My CSS Reset

Designer and developer Zell Liew shares his personal preference for a CSS reset. - http://amp.gs/RncZ

#css
How to Implement File Uploading in Angular Reactive Forms

In this article, we’ll walk you through the process of creating a reactive form that includes a file upload, along with the normal form fields. Along the way, we’ll create a custom form control for our file input, add validation and create custom RxJS operators. - http://amp.gs/RfO0

#angular