React.js


React official blog

https://facebook.github.io/react/blog/


React Lifecycle Methods diagram

http://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/


Generate new react project

# npm install -g npx
$ npx create-react-app myapp

// If typescript support is needed
$ npx create-react-app myapp --typescript


Override default port for react app

"start": "PORT=8080 react-scripts start",


<div className="mt-3">
    <pre>{JSON.stringify(this.state, null, 3)}</pre>
</div>


React validation example


React + TypeScript working with API example


UI / CSS / Themes


React.js environment for development

Create simple react project manually

React.js testing

React.js And Bootstrap

Sass styles in create-react-app

Server Side Rendering

Spinners for react apps

Higher order components explained (HOC)


React Hooks

UseState

UseEffect

useReducer

Custom hook example

React context


Redux


Deploy


Examples

[YouTube] Build and Deploy a Modern Next.js 13 Application | React, Next JS 13, TypeScript, Tailwind CSS