My 2 cent: your next step is to focus on User Experience, in particular for error and/or "all good" handling.
I tried to signup and login but in both cases after i clicked the button the input cleared and nothing happens and i was "lost". Some kind of notification (react-hot-toast.com/) that keep me informed with error or other things happening would really be a better experience. Never forget about the user :)
As a front-end developer, my expertise lies in creating seamless and intuitive user experiences. I specialize in using cutting-edge technologies to produce high-quality web applications.
Thanks alot bro, In this app I forgot to add error messages and isFetching state in the app. But from the next I'll definitely keep these small mistakes in mind and don't repeat 🤞🏻 <3
The fact that you all telling me my mistakes is really great cuz that's how we actually learn :))
As a front-end developer, my expertise lies in creating seamless and intuitive user experiences. I specialize in using cutting-edge technologies to produce high-quality web applications.
Yoooooo I didn't knew that, thnx dude. You're nicer, I hope if there's a way to connect with each even more cuz I need people like you for help in tuff times or for any guidence in any project in future
Since you enjoyed React Query i'll just wrote here my thoughts on some plugin/library/framework i've tried recently:
Web App Bundler:
Create-react-app is and handy tool but react-scripts if too slow and full of vulnerabilities. I've tried NextJS and found it really nice to use but the other day i manage to change react-script in one App i'm working on with ViteJS. I was blown away from it's speed and found it to be really good for me! It has a really good community and a lot of tool (create-vite-app too). With this change i manage to go from 170 packages with 52 vulnerabilities (2 critical!) to a 107 packages with 0 vulnerabilities!
Server-side state manager
I'm trying React Query and it's my way to go. But for small project it's even too much; if you use NextJS you can try SWR that is from the same team (just like Vercel for deployment)
Global State Manager
Since you handle server-side data with a different library, Redux start to be too much code for a simple client-side state management. Contexts are ok but again, too much code for such a small task. I found Zustand or Recoil to be perfect for that.
Theming library
TailwindCSS is good and ok to use it if you want a "boostrap" like programming. I use Material-UI a lot but recently i've seen a Chakra App and found that is really good, as soon as i can i'll try it. Ant Design is fine but doesn't match my design taste.
Start a new project
Ever hear of Superplate? pankod.github.io/superplate/
it's and handy tool to start a basic new project with most of the most famous plugin and libraries for React (Check also Refine, looks good but never tried).
React Hooks libraries
Yesterday i found this package that collect some handy hooks, maybe you found them useful: github.com/streamich/react-use
PWA (Progressive Web App)
When you start to feel you need more from your Web App check the service workers and how you can implement them.
Hopefully you'll find those thoughts useful.
Make sure you'll check and try want YOU find good and useful, don't just trust me :)
As a front-end developer, my expertise lies in creating seamless and intuitive user experiences. I specialize in using cutting-edge technologies to produce high-quality web applications.
Really a nice job for a 3 days of work!
My 2 cent: your next step is to focus on User Experience, in particular for error and/or "all good" handling.
I tried to signup and login but in both cases after i clicked the button the input cleared and nothing happens and i was "lost". Some kind of notification (react-hot-toast.com/) that keep me informed with error or other things happening would really be a better experience. Never forget about the user :)
I tried again and now worked fine, don't know why didn't work the first time.
Again, a loader on the login button after clicked will be a good UX to add.
Really a good dashboard, keep going!
Thanks alot bro, In this app I forgot to add error messages and isFetching state in the app. But from the next I'll definitely keep these small mistakes in mind and don't repeat 🤞🏻 <3
The fact that you all telling me my mistakes is really great cuz that's how we actually learn :))
I was actually really surprised, I can tell from your answer that those are just experience mistakes... nothing really big :)
P.S. Have you ever seen React Query? I thing you'll fall in love with.
react-query.tanstack.com/quick-start
Yoooooo I didn't knew that, thnx dude. You're nicer, I hope if there's a way to connect with each even more cuz I need people like you for help in tuff times or for any guidence in any project in future
Since you enjoyed React Query i'll just wrote here my thoughts on some plugin/library/framework i've tried recently:
Web App Bundler:
Create-react-app is and handy tool but react-scripts if too slow and full of vulnerabilities. I've tried NextJS and found it really nice to use but the other day i manage to change react-script in one App i'm working on with ViteJS. I was blown away from it's speed and found it to be really good for me! It has a really good community and a lot of tool (create-vite-app too). With this change i manage to go from 170 packages with 52 vulnerabilities (2 critical!) to a 107 packages with 0 vulnerabilities!
Server-side state manager
I'm trying React Query and it's my way to go. But for small project it's even too much; if you use NextJS you can try SWR that is from the same team (just like Vercel for deployment)
Global State Manager
Since you handle server-side data with a different library, Redux start to be too much code for a simple client-side state management. Contexts are ok but again, too much code for such a small task. I found Zustand or Recoil to be perfect for that.
Theming library
TailwindCSS is good and ok to use it if you want a "boostrap" like programming. I use Material-UI a lot but recently i've seen a Chakra App and found that is really good, as soon as i can i'll try it. Ant Design is fine but doesn't match my design taste.
Start a new project
Ever hear of Superplate? pankod.github.io/superplate/
it's and handy tool to start a basic new project with most of the most famous plugin and libraries for React (Check also Refine, looks good but never tried).
React Hooks libraries
Yesterday i found this package that collect some handy hooks, maybe you found them useful: github.com/streamich/react-use
PWA (Progressive Web App)
When you start to feel you need more from your Web App check the service workers and how you can implement them.
Hopefully you'll find those thoughts useful.
Make sure you'll check and try want YOU find good and useful, don't just trust me :)
WOW, Thanks bro you're definitely a man of culture <3