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
Best Practices Learnt Running Express.js in Production for 4 Years

There’s a lot of stuff packed in here focused around middleware, testing, logging, and general concerns around scaling and keeping apps running in production. - http://amp.gs/3xEv

#nodejs
Using Tailwind CSS with Create React App

Demonstrates a basic example with minimal setup along with another one for a more optimized workflow for production. - http://amp.gs/3f8D

#react
Comparing HTTP/3 vs. HTTP/2 Performance

HTTP/3 is still in a draft status spec-wise, but it’s already being supported here and there, including on Cloudflare. This post covers where HTTP/3 is right now, why it matters, and some basic benchmarks. - http://amp.gs/3fUv

#http
Strategies for Migrating to TypeScript

A quick overview of some strategies for migrating codebases from JavaScript over to TypeScript. - http://amp.gs/3C1U

#javascript
Creating Morphing Animations with CSS clip-path

Mikael Ainalem explains how to implement morphing, a technique for transforming one appearance into another, using CSS. - http://amp.gs/3C2Q

#css
How To Set Up an Express API Backend Project with PostgreSQL

A pretty extensive walkthrough of creating an HTTP API using Express with Node.js and Postgres on the backend, then deploying it all on Heroku. - http://amp.gs/3kVp

#nodejs
State Management Without Vuex

What if you wanted to manage state, but you didn't want to use Vuex? Don't get me wrong, Vuex is a great tool. But it's not ideal for every use case. - http://amp.gs/3efW

#vue
How to Monitor Your Web Page's Total Memory Usage with performance.measureMemory()

Learn how to measure memory usage of your web page in production to detect regressions. - http://amp.gs/37YT

#web #monitor #memory
How to Build Custom Forms with React Hooks

This allows for low-level custom forms logic, which can be reused in other places with minimal third-party dependencies. - http://amp.gs/37wa

#react
Understanding how fetch works in Nuxt 2.12

Explore different features of the fetch hook and learn a brand new way to bring data into Nuxt applications. - http://amp.gs/3hEd

#vue #nuxt
From Idea to 1M Users in A Week with Expo

The VP of Engineering at Zoe (a nutritional science company), talks about how they went from concept to completion, building a COVID-19 Symptom Tracker in a week with a small team of volunteers. - http://amp.gs/3vdl

#mobile #expo
Profiling React.js Performance

Goes into detail on aspects of the React Profiler API, React’s new experimental Interaction Tracing API, and measuring custom metrics using the User Timing API. - http://amp.gs/3g3C

#react
Implement Google Sign-In(OAuth) in your Angular App in under 15 minutes

This is an article in a series of articles where we'll create KittyGram We'll implement KittyGram using the best front-end web framework in the world - http://amp.gs/3VuE

#angular
OneTesselAway: Building a Real-Time Public Transit Status Device

A developer wanted to know when the next bus would arrive.. while using lots of cool tech, including Node, the OneBusAway API, and the Tessel 2 IoT platform. - http://amp.gs/3936

#nodejs
Restoring React Reducer State Across Browser Sessions

An online learning platform used io-ts to store useReducer state server-side in order to resume things at a later session. An interesting approach and walkthrough of the other possible solutions even if you don’t need to do this yourself. - http://amp.gs/3RsE

#react