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
10 Insights From Adopting TypeScript At Scale

A fantastic writeup (from a TC39 member, no less) of how Bloomberg (the financial media company) adopted TypeScript and now has 2,000 full-time JavaScript engineers. Curiously we also learn that Bloomberg also have their own JavaScript runtime built around the V8 engine. - http://amp.gs/om5d

#typescript
Ten React Security Best Practices

A compact distillation of seemingly everything you need to know about making your React app more capable of withstanding exploits. This includes a methodology for automating testing to help ensure you’ve done it right. - http://amp.gs/opl3

#react
Capturing User Emails in Google Sheets

The team behind a political prediction visualization needed to stay in touch with its supporters. Their approach? Spin up a Node-powered function on AWS Lambda and push email addresses onto a Google Sheet. - http://amp.gs/oBYP

#nodejs
Reusable Development Containers with Docker Compose and Dip

Dip (Docker Interaction Process) abstracts Docker and Docker Compose files so you can quickly fire up a dev environment without copying anything over. Very useful, especially if you have multiple projects, and here’s how to use it with Ruby, Node, and Erlang. - http://amp.gs/oGT7

#docker
Angular 10 NgRX Store by Example

In this tutorial, we’ll learn how to use NgRX store in our Angular 10 example application. We’ll see how we can create actions, reducers, and dispatch actions. - http://amp.gs/ox8F

#angular
Migrating A VueJS App To Vuex

One of the difficult things about getting started with Vuex is that it is not so much a library as it is a design pattern. It follows that implementing Vuex is not so much about using an API, as it is about structuring your code to comply with the pattern. If you're new to Vuex, this will be daunting. - http://amp.gs/ofjO

#vue
Use CSS Variables Instead of React Context

Concerned about performance but want to offer users multiple 'themes' (e.g. dark/light mode)? CSS variables can provide a performance advantage over React Context in this context. - http://amp.gs/ofNG

#react
Adding Authorization to a Serverless Node App with Oso

oso is an open source policy engine for authorization (written in Rust but with a Node library available) that you embed in your application. - http://amp.gs/oCYi

#nodejs
My Initial Thoughts on Using Flutter and Dart for App Development

Initial impressions and experiences of someone coming to Dart from a JavaScript background. - http://amp.gs/oCJ3

#flutter
Angular Feature Flags: Feature toggle applications by using command line environment variables

Angular comes with great built-in support for configuring multiple environments. But sometimes we want to simply pass in environment variables through the command line to toggle certain runtime features. This can be a pain using environment.ts files as we need to create a new environment.ts file for every single feature flag. - http://amp.gs/oktu

#angular
The Ultimate AJAX Guide For Vue.js Apps

In this article, I'll first show you how to AJAX-enable a Vue app before getting into the most useful patterns for managing AJAX requests. I'll explain each pattern, give an example, and cover the pros and cons as well. - http://amp.gs/okDd

#vue
How To Build A GraphQL Server Using Next.js API Routes

Before you kick-off your new project with the usual combination of REST and GraphQL, consider Next.js API Routes as an alternative. It may be a better choice if you plan on eventually extending your app with a backend. - http://amp.gs/oeha

#react
Hazelcast's Journey to a High-Performance Node Library

If you’ve not worked in the Java space at all, Hazelcast may be new to you, but it’s a long standing “data grid” that, in many ways, was rather ahead of its time. Naturally, there’s a Node client library but the developers wanted it to be really fast and wrote up how they achieved this here. - http://amp.gs/oPfv

#nodejs
Publishing Flutter Firebase App to Play Store

A quick guide running through how to submit your Flutter applications with Firebase to the Google Play Store. - http://amp.gs/oyEX

#flutter
Angular 10 Directives — Part of Angular Advanced Series

In this section, I will be explaining directives in detail.
Just for the recap, from the previous tutorial, there are three types of directives.
- Components
- Structural Directives
- Attribute Directives
http://amp.gs/ohfQ

#angular
The Most Accurate Way to Schedule a Function in the Browser

A detailed analysis of three JavaScript timeout strategies and how they perform in thousands of web contexts. A bit of a micro-optimization for sure, but it’s interesting to dig into the weeds like this. - http://amp.gs/ovkT

#javascript
Quick Tutorial CSS Tip: How to Show Source Code the Easy Way

Christian Heilmann shares how to show the source code on a page easily. - http://amp.gs/ogyD

#css
Useful Custom Hooks for Tired React Devs

The author asserts that in addition to being able to maintain state, React Hooks are also reactive and composable. Given that’s the case, why not use them to make things more efficient by reusing existing behaviours you have already implemented? - http://amp.gs/oEni

#react