- Install tailwind npm install -D tailwindcss postcss autoprefixer npx tailwindcss init -p
// INDEX.css @tailwind base; @tailwind components; @tailwind utilities;
// TAILWIND.CONFIG.js add: content: [ "./src/**/*.{js,jsx,ts,tsx}", "./public/index.html" ],
so styles can be applied to src and public
// TAILWIND.js -that tailwind components can accept classes, refs, props
// SETTINGS.json -to get suggestions of tailwind classes
- INDEX.html -added overflow-y to body and #root
APP.js -useEffect to listen to ref sent to First -if useState changes in App.js change color in First.js
-
npm i react-query
-
useQuery.js -GET and POST req
-
Third.js -useQuery to display GET results -useMutation for POST req --addNewTestUser func where i use mutate -added enable: !text to useQuery so it renders everytime text sets to ''. That means that by default it will be called, and after new is added setText('') so it is called agian