DEV Community

Cover image for 27-React File Manager Chapter XXVII: The Final Chapter
Hasan Zohdy
Hasan Zohdy

Posted on

27-React File Manager Chapter XXVII: The Final Chapter

To this point, we've just moved through the project from a very easy steps to harder and advanced steps.

Low Level Code

There was a lot of low level code here specially in the kernel and the core, but we've managed to make it as simple as possible.

Event Driven Architecture

We've used the event driven architecture to make the code more flexible and easy to maintain.


We used numerous hooks either builtin hooks in React our created our owns.


The project is fully written in typescript which will make it much cleaner.

Eslint and Prettier

We've used eslint and prettier to make the code more readable and consistent.

Code Refactoring

We wrote a lot of code, and we've refactored it many times as well, so you can see how refactoring should be done properly.

This will also tell you that you should not thinking about the best code but the least quality should not be compromised.


The only thing we didn't do in this project is the testing, but we'll use TDD in the next project.

What's Next?

Well, at this point i'll continue developing the project by my own in my free time, I'll go over the other features that i mentioned in the first chapter and do more improvements.

You can help me

If you like this series, you can help me by sharing it with your friends, and if you want to support me, you can do it by buying me a coffee.

You are more than welcome to contribute to the project by opening issues or pull requests.

Project Repository

You can see the entire project files and each chapter standalone in Github Repository

Tell me where you are now

If you're following up with me this series, tell me where are you now and what you're struggling with, i'll try to help you as much as i can.


Top comments (0)