While enhancing my capabilities in JavaScript/TypeScript and React. I has been practicing what I learned as an effective way to memorize things and how it could be used to solve the practical problems.
It is a next.js application, pretty small, but I think it's good enough to apply the advanced knowledge in it.
In this application, I am focusing on the source code good practices, including JS built-in functions' usage, component splitting, well-structured folder, performance and optimization...
The project is not finished, not just yet! But if you find it helpful, I'm glad to hear!
Any comments are welcomed.
About the appAbout the app
About the appAbout the app
This is a small dictionary app, that I use the popular open dictionary API called Free Dictionary API.
In this app, I tried to use good practices about how we use JS/TS in programming (or at least that's what I tried to), including some stuff like (when it finished):
- Atomic Design Pattern
- DRY principle
- Proper types for type safety
- Proper use of built-in function
- Optimize performance with asynchronous and lazy loading
- SEO friendly
- GraphQL for data fetching
- ...
The deployment has been available at: My Lexicons (thucde.dev) (deploy smoothly on Vercel)
The source code is available in GitHub: thucne/thucs-lexicons: A next.js application (github.com)

1042 x 571, 38.1 KB, PNG
I hope this helps! Feel free to discuss(*゜ー゜*)
