FrontEnd Development
28.9K subscribers
145 photos
1 video
9.35K links
Полезные ссылки иHTML, CSS, JavaScript, TypeScript, Angular, React, Vue, Node.js, Mobile and more.
Download Telegram
The React Lifecycle Methods in Plain, Approachable Language

I don’t think anyone could disagree that this sort of post is a good idea. If you’ve had questions on how the React lifecycle methods work — look no further. — http://amp.gs/9aCF

#react
Paint the Picture, Not the Frame: How Browsers Provide Everything Users Need

Instead of tweaking or trying to control browser functionality, this article makes the case for leaving key features to the browser to ensure the most accessible experience. — http://amp.gs/9ok2

#accessibility
Bluetooth Anywhere: Experimenting with Bluetooth from JS

Some fun experimenting with interacting with a Bluetooth device (a Nordic Thingy:52) in JS on various setups (desktop browser, Cordova app, and a React Native app). — http://amp.gs/9M83

#javascript #bluetooth
Dynamic Forms in Angular —The pattern beyond the buzz

In this post, Liron aims to explain the thought behind the term “dynamic” forms in Angular. This post won’t tell you how to use reactive forms and won’t show you ways to implement forms dynamically.
http://amp.gs/958a

#angular #forms
I Created The Same App with Vuex and Redux. Here Are The Differences

Comparing two similar tools can bring a better understanding of the features of both. In this article, the author creates a todo app with both Vuex and Redux.
http://amp.gs/9QL5

#vuex #redux
The Need for Speed: Lazy Load Non-Routable Modules in Angular

As you probably know, Angular comes with a functionality that allows you to lazy load routable modules out of the box. Although in most cases this functionality is sufficient, it’s still only a small piece of the pie. What about situations where we want to lazy load modules that aren’t routable?
http://amp.gs/9bmn

#angular
'Trusted Types' To Help Prevent Cross-Site Scripting?

A look at an experimental, Chrome-only API that aims to prevent DOM-based cross-site scripting by only letting special typed objects to make certain types of changes to the page. — http://amp.gs/9bsH

#web #css
Constructable Stylesheets: Seamless Reusable Styles

Constructable Stylesheets are a new way to create and distribute reusable styles when using Shadow DOM and will be shipping in Chrome 73. — http://amp.gs/4Ixw

#css
Navi: A React Router with Hooks and Suspense

A new kind of router for React that that lets you declaratively map URLs to content, even if that content is asynchronous.
http://amp.gs/4jXn

#react
Localization in Angular Using i18n Tools

In this article, we will learn how to make our Angular app available in different languages using i18n and localization. We will create an Angular application and configure it to serve the content in three different languages. We will also deploy our app to Google Firebase and see how localization works in real-time.
http://amp.gs/48rW

#angular
How to Style Different Sites with One CSS Collection

An interesting approach here, driving two sites using the same CSS collection. — http://amp.gs/4TUL

#css
HTML Snapshot Testing with Node

Using Node for snapshot testing of HTML files generated for inclusion in daily report emails. — http://amp.gs/4zOG

#nodejs
Form Validation with HTML & Vuejs

This article shows you how to leverage HTML5 validation in a Vue.js app, as well as how to override any boring defaults and display attractive error messages.
http://amp.gs/41kj

#vue #forms
Preloading Fonts and the Puzzle of Priorities

Another on preloading. This one’s a thorough and detailed look at how <link rel=preload> behaves specifically in regards to fonts, concluding that there’s a case to be made for preloading one or maybe two critical fonts. — http://amp.gs/4YnE

#web #fonts
'We Migrated to Next.js to Serve Our Home Page 7.5× Faster'

Going from a basic React boilerplate to Next.js can yield key initial render time improvements, simply due to having the first part prerendered on the server instead. — http://amp.gs/4t7l

#react