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!
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