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
Access template refs in Composition API in Vue.js 3

Quick tip on how to access the old this.$refs by using ref() in the new Composition API in Vue.js 3 components. - http://amp.gs/DTsb

#vue
WebAssembly is Now a W3C Recommendation

This is a really big, formal step for WebAssembly and the Web as a whole as languages like Rust, Go, and C# begin to target browsers directly by compiling to WebAssembly. This press release doesn’t explain WebAssembly particularly well, so if you want to learn more about it, enjoy this illustrated guide or this if you want something more advanced. WebAssembly is also making moves into the server side. - http://amp.gs/DzX3

#webassembly
Portal - a new feature in Vue 3

Have you played the Portal game. There’s a similar concept for web frameworks, where you are able to teleport a component to a different location in the DOM? This is especially useful for modals (so it’s easier to manage things like z-index). Did you know we will likely get those in Vue 3.0 built-in? But until then, check out the portal-vue library. - http://amp.gs/D1uc

#vue
HTTP Security Headers - A Complete Guide

A description of each security header of significance, its importance, and how to use them to secure sites you manage in one way or another. - http://amp.gs/DtY2

#http #headers #security
Accessibility Tips for Web Developers

Addy Osmani outlines six key areas of disability to consider when designing for accessibility: visual, hearing, mobility, cognition, speech and neural. - http://amp.gs/DtWi

#css #accessibility
Vue-router — props — 1/2

Here’s a short article with a few useful tips to working with Vue-router and component props. Did you know – for example – that you can automatically transform things like this.$route.params.id into an id prop? Read the article to learn how! - http://amp.gs/Dmsy

#vue
Angular: Loading and Saving Local Documents

When using the Angular version of the TX Text Control document editor, documents are loaded client-side using the JavaScript API. If you want to load documents from a server or repository, the document needs to be loaded from the client-side (for example from a service endpoint) in order to be loaded into the editor. - http://amp.gs/DZZL

#angular
How to Write Correctly Typed React Components with TypeScript

React and TypeScript make a powerful pair, but if you’re just starting out, you’ll need to understand how to write correctly typed components. - http://amp.gs/DZJ2

#react
Node Multithreading: What Are Worker Threads & Why Do They Matter?

Since the release of Node 11.7 this year, the worker_threads module has been enabled by default, bringing multi-threaded development as a realistic option to Node developers. A Complete Guide to Threads in Node.js was another top link this year covering the topic. - http://amp.gs/DpqL

#nodejs
The 10 React Component Commandments

By far the most popular link of the year, this post walks through 10 ‘practical commandments’ for creating components that you can share widely and that other developers will actually want to use. Certainly some good practices to adopt here into the new year. - http://amp.gs/DlOj

#react
Design Principles of Vue 3.0 – Evan You @VueConfTO 2019

Watch Evan You presenting some of the design principles behind the upcoming Vue 3.0 release. - http://amp.gs/DlaG

#vue
Reduce Change Detection Cycles with Event Coalescing in Angular

In this article, we learn about a new feature introduced in the latest Angular release (v9) — ngZoneEventCoalescing. First, we need to understand the problem it is meant to solve. - http://amp.gs/DBvd

#angular
Node and JavaScript Testing Best Practices

A well-presented collection of 30 best practices for better JavaScript testing, continuous integration, and overall quality. - http://amp.gs/DnTm

#nodejs
A CSS Only Solution To :hover On Touchscreens

This tip on how to best handle hover states on mobile devices proved very popular. The TL;DR here? Using @media(hover: hover) and (pointer: fine). - http://amp.gs/DnEv

#css
Best Practices for Building a Large Scale React App

'Best practice' roundups always do well, and so did this post which covers a few concepts worth keeping in mind to make neater, larger-scale apps over time. - http://amp.gs/Dnc7

#react
This Month in Vue - November 2019 – Gregg Pollack

As you have probably noticed, the Vue.js News podcast is now released on a monthly cycle along with an article that sums up the most interesting news and stories from the past month. Here it is for November. Check it out! - http://amp.gs/DGSX

#vue