🧑‍💻 Resources

Articles

JavaScript

• javascript.info
• JavaScript Closure: The Beginner's Friendly Guide
• Gentle Explanation of "this" in JavaScript
• 5 Differences Between Arrow and Regular Functions
• Scope, Closures, and Hoisting in JavaScript
• Scripts: async, defer
• Event loop: microtasks and macrotasks
• JavaScript to Know for React

React

• react.dev
• Hook Flow Diagram
• ChatGPT: React Hooks Working
• ChatGPT: React VDOM and Internal Working
• React hooks: not magic, just arrays
• Why React needs a key prop
• Prop Drilling
• When to break up a component into multiple components
• useEffect vs useLayoutEffect
• New feature: startTransition

TypeScript

• Learn Typescript Course.
• React TypeScript Cheatsheets

Miscellaneous

• SOLID Principles
• Imperative vs Declarative Programming
• Learn CSS
• Babel's Online REPL
• astexplorer.net

Libraries

• Prism.js: A lightweight syntax highlighter
• Lodash: A modern JavaScript utility library
• Water.css: A drop-in collection of CSS styles to make simple websites
• three.js: A general-purpose 3D library
• React: A user interface library
• Babel: A JavaScript compiler
• react-error-boundary: A Reusable React error boundary component
• Immer: A JavaScript library for managing immutable state
• Material UI: A React component library that implements Google's Material Design
• SWR: A library providing React Hooks for data fetching
• why-did-you-render: A debugging React library to notify about potentially avoidable re-renders.
• jscodeshift: A toolkit for running codemods over multiple JavaScript or TypeScript files.
• styletron: A universal toolkit for component-oriented styling.
• isomorphic-style-loader : A style loader
• rtl-css-js:A utility library that converts CSS-in-JS style objects from left-to-right (LTR) to right-to-left (RTL) for supporting bidirectional layouts.

Videos

• Introduction to HTML playlist
• 10 React Hooks Explained // Plus Build your own from Scratch
• Using Composition in React to Avoid "Prop Drilling"