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
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
13 Angular App Optimization Tips for Frontend Developers

How to optimize an Angular app? First, we need to consider how we understand optimization as such. Optimization helps achieve better app performance and easier code maintenance. Optimization is not a checklist or a to-do-list, and there is no universal way to optimize your app. - http://amp.gs/3dYt

#angular
Reinventing Hooks with React Easy State

You know it’s going to be interesting when an article starts: “This article defies a lot of trending patterns, like: React hooks…” This really pushes the React Easy State case hard. - http://amp.gs/3O9q

#react