FrontEnd Development
30.8K 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 Use useDrag

At one time it was revolutionary, but drag-n-drop on touch screen devices is something your app’s users now expect. They’ll be more surprised if it’s not there than if it is. To avoid disappointing them, here’s how to implement it using a series of familiar examples. - http://amp.gs/FKsQ

#react
Build a Secure Node API with Koa

The focus here is on creating Koa middleware that uses the Okta service to secure things. - http://amp.gs/F3Ap

#nodejs #koa
Several New Features Promoted to Stage 4 at TC39

If you’re interested in the future of JavaScript, several features have been promoted to stage 4 which, in TC39 parlance, means they are ‘finished’ and ready for inclusion in the formal ECMAScript standard - http://amp.gs/FHOe

#javascript
Context and Provider Pattern with the Vue 3 Composition API

Learn how to use the Vue 3 Composition API to replicate the React Context and Provider API. - http://amp.gs/F2jo

#vue
What Does 100% Mean in CSS?

Amelia Wattenberger shares a guide on what percentage means in what context. - http://amp.gs/F2dS

#css
The Docker Handbook: A Practical Docker Intro

If you’re new to Docker, this is one of those great walkthrough/practical style tutorials that covers the main concepts complete with examples. - http://amp.gs/FwzC

#docker
How to Build a Chatbot with React

While you may either love them or hate them, chatbots are everywhere these days, so it’s really just a matter of time before you have to incorporate one into a project. This is a React-based approach to the task. - http://amp.gs/FwoW

#react
Digging Into the Flex Property

Ahmad Shadeed goes through the shorthand and the longhand flex properties and explains when and why to use them with practical and visual examples. - http://amp.gs/FFrY

#css
Separating Core Logic and Framework Integrations

Write a simple useForm composable to integrate a framework-agnostic form validation library with Vue.js 3. - http://amp.gs/FXPl

#vue
Building a REST API Using Google Sheets

Not all apps need a database. Not all serverless functions need AWS Lambda or Cloudflare Workers.. This is an interesting look at using Google Cloud Run along with Google Sheets as a sort-of serverless data storage API. - http://amp.gs/FLxO

#nodejs
V8 Version 8.5 Now in Beta

Coming soon to a Node.js near you (not to mention Chrome 85), the latest branch of the V8 JavaScript engine boasts Promise.any, String.prototype.replaceAll (no regex needed!) and support for logical assignment operators (like ||=). - http://amp.gs/FWng

#javascript
Methods of Improving And Optimizing Performance in React Apps

Performance optimization is like sailing (and a lot of other things) — it takes a day to learn to do and a lifetime to learn to do it well. But with all the options available where to begin exactly? This provides prescriptive recommendations to get you started in the right direction. - http://amp.gs/FazA

#react
Make the most of Angular DI: private providers concept

We can transfer any data through our apps, transform and replace it at any level.
So we can make the architecture simpler and more flexible with clear data flow and low coupling. It also makes testing and replacing our dependencies easy. - http://amp.gs/Fa6Q

#angular
A Mental Model to Think in TypeScript

If you’re new to TypeScript and struggling with how to ‘think more in types.’ - http://amp.gs/Fo6S

#typescript
13 React Date-Pickers and Time-Pickers

We genuinely believed there was nothing new under the sun with respect to date and time pickers. Turns out we were wrong. The one you want has to be in here somewhere. Each example comes with a helpful description. -http://amp.gs/FMGS

#react #datetimepicker
You Might Not Need Vuex with Vue 3 - Gábor Soós

By using the reactivity system and the dependency injection mechanism of Vue 3, we’ve gone from a local state to centralized state management that can replace Vuex in smaller applications. - http://amp.gs/F53R

#vue
A Full Stack Guide to GraphQL: React Client

The final installment in this series which covers creating a full-stack project with GraphQL at its core. In this post, the React front-end is built to consume the back-end services developed in previous instalments - http://amp.gs/FQKl

#react #graphql
The AWS Bill Heard Around The World

We mentioned the Twitter thread about the surprise $2700 AWS bill recently but here’s a proper write up. It’s more nuanced than you think and might have exposed a bug. - http://amp.gs/Fcd5

#aws