Pasan-Pahasara / React-Learning

This Project is introduced to learning React, TypeScript and Tailwind CSS.

Getting Started with Create React App

This Project is introduced to FrontEnd Using React, TypeScript and Tailwind CSS

FrontEnd

• React
• TypeScript
• Tailwind CSS

Create new index.ts

• Intall type script

npm install -g typescript

• Fix the error

Set-ExecutionPolicy RemoteSigned -Scope CurrentUser

• Run typeScript file

tsc index.ts

• Run javaScript file

node index.js

• Init project file

tsc --init

• Refactor project and run

tsc

React Application

• Install React

npx create-react-app test-app --template typescript

• Install Tailwind css and other libarary

npm install -D tailwindcss postcss autoprefixer

• Create Config File tailwindcss

npx tailwindcss init -p

• Config Tailwind CSS In VScode

Go to setting and search **Files assocition** set it `Item`:`*.css` `Value`:`tailwindcss`

• Install React Router DOM

npm i react-router-dom

• Install Material Icons

npm install @mui/icons-material @mui/material @emotion/styled @emotion/react

• Install Material UI

npm install @mui/material @emotion/react @emotion/styled

• Not Detected Node Modules

npm install

• Run Project

npm start

Clone this repository ✅

https://github.com/Pasan-Pahasara/React-Learning.git

If you think my code is good pleace drop a Star

License 📝

If you have any questions or just wanna say hi,
MAIL ME 

Developed by Pasan Pahasara