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
How I Built a Serverless Twitter Bot in Node in a Day

Insights, steps, and useful links if you want to build your own basic Twitter bot on top of AWS Lambda functions. - http://amp.gs/FDIP

#nodejs
Understanding Reactivity in Vue 3.0

The Vue.js core team member Jinjiang has written an amazing, in-depth article about the reactivity system that can be found in Vue 3.0. It talks about how the reactivity API has evolved from what we had in Vue 2.x and it even shows how you can use the Vue’s new standalone reactivity with React. - http://amp.gs/Fuzf

#vue
Serverless Rendering with Cloudflare Workers

How to do server-side rendering ‘at the edge’ using Workers Sites, Wrangler, HTMLRewriter, and tools from the broader Workers platform. - http://amp.gs/Fu5x

#serverless #rendering #cloudflare
Designing Adaptive Components, Beyond Responsive Breakpoints

Stéphanie Walter on designing systems of reusable components that adapt to responsive layouts, containers, work with different content states and adapt to user needs, behavior, and context. - http://amp.gs/F0Wk

#css
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