This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
This project created as basic todo app to train fsd design with react
I got a few steps of programming:
- Create components architecture
- Make components usable, add logic for tasks
- Refactor Js into Typescrypt
- Add drag`n grop effect for tasks
- Add color theme togler
- Add node backend
- Aliases was not working with vs code links
I found solution, now my project contains jsconfig.json file
- I have big problems with spliting something in fsd methodology. Mostly it is a features VS entities VS widgets
Practice solve any problem
- Tyred facing stupid js problems
At this moment started learning Typescript
- I don`t know how to pass pages state model to the lower slices
Now i got problems with ts in FSD architecture) I faced this problem because i am using global states, where is chillin my tasks. I want to pass this state to the children, but i cant do it, because in FSD i cant pass model from
pageto thefeatue, because feature is lower then page.
- Aliasses support in intelisense
- Folowing aliases link in vs code
- Js config file and alieases support in this file
- Typescript (finally)
- FSD (Feature-Sliced-Design)
- Improved import / export skills
- Find new cool features with index files
- Now i know more about linters (mostly speaking about Eslint)
- Add new media queries syntax to the template
- Add theme togler
- Add widgets slice to template repo
- Add jsconfig to the template repo
- fix paths (again XD)
- Look closely to the tsconfig vite config and all ts quick start things
- Add styles to the reset for svg colors in template repo
- Add max amount of tasks
At this moment all tasks are at dom, but most part with css property
display: "none"