React Tutorial

Getting Started

Create react project vite

yarn create vite

Setup Windows

Install yarn

npm install --global yarn

Run in powershell as administrator

Set-ExecutionPolicy -ExecutionPolicy RemoteSigned

Setup Linux

Disabling IPv6

sudo sysctl -w net.ipv6.conf.all.disable_ipv6=1
sudo sysctl -w net.ipv6.conf.default.disable_ipv6=1
sudo sysctl -w net.ipv6.conf.lo.disable_ipv6=1

Download dependencies

yarn

Run App

yarn dev

Useful Links

• https://react.dev/learn/tutorial-tic-tac-toe
• https://react-redux.js.org/introduction/getting-started
• https://jestjs.io/docs/getting-started
• https://blog.logrocket.com/top-10-react-component-libraries-for-2020/
• https://www.youtube.com/watch?v=dNxaP_BTtwQ&list=PLCKuOXG0bPi26-eawizqyLOgM7j66H_4M
• https://nextjs.org/docs/pages/building-your-application/deploying#docker-image
• https://tailwindcomponents.com/component/dashboard-navigation
• https://tailwindcss.com/
• https://nextjs.org/docs/app/api-reference/components/image

Examples

React

• https://qbert2k.github.io/react/gif-expert
• https://gif-expert-demo-javier.netlify.app/
• https://qbert2k.github.io/react/my-storybook
• https://my-storybook-static.netlify.app/
• https://mapbox-react-app.netlify.app/

Next

• https://jrb-react-next.vercel.app/