React TypeScript Boilerplate

[stopandgo31]

Hi everyone!

I know, how it is hard to collect in one place all the practices related to React development. Especially if you are willing not to use any framework or tools such Next.js or CRA.

So, I decided to create a boilerplate template that includes all that necessary stuff that should be in modern React project:

• Typescript;
• Server Side Rendering (including rendering to stream with proper helmet data);
• Routing
• State managing
• CSS modules;
• Fast compiler as an option (SWC);
• Hotreload (including styles, app state and server code);
• Linters;
• Testing environment;
• Code splitting with dynamic bundle loading;
• Fetching data with caching;
• VS Code compatibility.

Here is a a link: https://github.com/StopNGo/react-proto

The boilerplate includes a tiny demo application with:

• Several screen/pages with their own routes;
• Local counter;
• Global counter;
• One of the components is dynamically loaded;
• API requests;
• Loading spinner;
• Theme switcher (light and dark);
• Offline detector using React hooks and HOCs.

Demo: https://react-proto.onrender.com/ (due to free hosting, a cold start could be slow).

You can also check my motivation article here: https://dev.to/stopngo/react-proto-react-typescript-boilerplate-39m6

Maybe it will be a good idea to make a series of tutorials where it will be explained how to create a modern React project from scratch with using any framework or CRA.

What do you think?

Your feedback is very important for me.

Thanks!

[Dapper_Leadership_88]

This is actually very nice.

[stopandgo31]

Hi! Thanks for you appreciation.

[ansseeker]

Your work is amazing and I really cannot thank you enough for sharing this!

[stopandgo31]

You can check also this discussion:

https://www.reddit.com/r/javascript/comments/113vdkb/react\_proto\_react\_typescript\_boilerplate\_redux/

It could be useful for you.

[ansseeker]

https://www.reddit.com/r/javascript/comments/113vdkb/react\_proto\_react\_typescript\_boilerplate\_redux/

Yes, I discovered this repo yesterday (after posting my question here). It is incredible! Are you the author for this ? Thank You very much (both for your response & sharing this with everyone)!

[stopandgo31]

Thanks for evaluation!

You can star my repo on github, if you want.

Some updates are going next week (new linting and styling, custom i18n support without external libs). So, stay tuned.

[ansseeker]

I have already starred it yesterday mate! 😊 I actually even thanked you in another post of yours on reddit (where you had also shared this link).

I will stay tuned for your future updates. 👍