Every project these days needs a linter of some sorts. So, let’s set one up for our React/Typescript project!
(code is hosted at: https://github.com/djamaile/react-boilerplate-2021)
(last years post: https://dev.to/djamaile/how-i-structure-my-react-ts-applications-160g)
Last year, I created a post on how I structure my ReactJS projects. Now that it is summer vacation again, I shook the structure up a bit. But honestly there are few changes, because in the end React changed little (which is a good thing). So, in this post I will highlight what I changed/added.
Lets first start with a picture of the whole folder structure!
(I have updated my react structure, you can read it here: https://dev.to/djamaile/how-i-structure-my-react-ts-applications-2021-145j)
It is currently summer vacation for me and I will be working on side projects. For my summer projects, I will use ReactJS for every front-end I create. I created a boilerplate repository that I can re-use for every side project. So, the goal of this post is to display my structure, but I am interested in your project structure and how you would do it differently.
If you just want to see the code, here you go: https://github.com/djamaile/react-boilerplate-2020
I am starting a series talking about my small React applications. To begin, we start with this small application I wrote about 7 months ago. If you just want to see the code, here you go: https://github.com/djamaile/kanji-to-hiragana/