question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Brand new React Boilerplate with Create React App 🎉

See original GitHub issue

Brand new React Boilerplate with Create React App 🎉

Repo: React Boilerplate CRA

Freshly built React Boilerplate on top of the create-react-app. CRA is leading the industry and is a powerfull bootstrapping tool. I(also a maintanier here) decided to join their strengths and make a new boilerplate that is much easier to maintain and develop, also providing a much stronger/robust base with CRA. Bootstrapping responsibility is now on the CRA and the react-boilerplate takes care of the always promised better architecture and tools

Since its built from zero again there are many nice changes and features.

Major Changes & Updates

  • New UI 🎉Take a look
    • Example application comes with much better, tutorial-based web app
    • Users can check the features out by trying them one-by-one
  • Redux Toolkit 🎉
    • Redux Toolkit was on hold for quite a time here on dev.
  • Documention on Gitbook 🎉 Take a look
    • Documentation moved to gitbook with many updates and touches
  • i18next
    • Replaced react-intl with i18next
    • Much simpler and react friendly.
  • Typescript
    • Boost your DX, scalability, productivity. Typescript is the future for complex projects.
    • Completely built with ts. Therefore, 100% intellisense support EVERYWHERE🎉
    • type-safety and compile-time-safety will be your best friend 😃
    • Still want to write js? Hmm, you still can. I’m sure you will quit very soon once you get the taste:)

Minor Changes

  • Started from scratch. Therefore all the dead, not necessary codes and sections are removed
  • Switched to styled-components/macro instead of a babel-plugin
  • Switched to github workflows.

and many more touches…

Version 0.1.0 is published and ready to start new projects. All the opinions and contributions are very welcome. Just getting started, so there might be some bugs and typos and you know… Any input from you is valuable at this point


@julienben @gretzky @mxstbr What are your opinions? With the CRA taking care of the half of the work it becomes much easier to maintain for us, meaning less time consuming and better productivity. Currently this repo is very inactive. Everyone is busy lately(lot of issue and pull requests are waiting) and everything is falling behind (packages and configurations). Plus JS is no more maintanable, TS superceeds it undoubtly for me. Everything is just much better with it.

Description Steps to reproduce Versions (to avoid issue-close-app)

Issue Analytics

  • State:open
  • Created 3 years ago
  • Reactions:45
  • Comments:23 (16 by maintainers)

github_iconTop GitHub Comments

6reactions
gretzkycommented, Apr 30, 2020

This is great @Can-Sahin - a long time coming. Excellent work. I think a lot of people will really enjoy this.

The only hangup I have here is that this template is in TypeScript, which ‘regular’ react-boilerplate is not. Don’t get me wrong, I prefer TS, but I don’t want this to be a blocker for anyone that would find using CRA with rbp helpful, only to find its not a 1 to 1 match if they ever need to cross-reference. Of course don’t spend more time than you need/want on conversions! I’ve been on this project for about 3 years now, and past experience with users tells me there might be a road block or confusion with the mix of TS/JS. Again, I’m not really ‘requesting’ anything here, I just wanted to mention it so we aren’t thrown off by that potential path.

5reactions
Can-Sahincommented, Apr 30, 2020

😃 Lets see how its gonna turn out. Getting issues slowly 😃

You know I just don’t want to watch rpb dying slowly due to inactivity and be outdated. Still I find the toolset and practices very valuable and wanna keep it alive. All this effort and comments originates from this wish 😃 This is simply my solution and suggestion. Just wanted to discuss

Read more comments on GitHub >

github_iconTop Results From Across the Web

Top React boilerplates for 2021 - LogRocket Blog
Compare Create React App, Create Next App, Vite, react-boilerplate, and React Starter Kit to discover which boilerplate suits your project.
Read more >
How to write a minimal React boilerplate from scratch
I want to show you how quick and easy it can be to get a basic project set up with everything you need...
Read more >
Top 9 React Boilerplates to Know in 2022 - Atatus
Create React App, a tool provided by Facebook enables you to create a modern web application by executing a single command with no...
Read more >
The Best React Boilerplate In 2023 - ThemeSelection
Gatsby is a super useful react boilerplate for creating static websites or apps on React.js optimized for speed. It's the perfect open-source framework...
Read more >
Starter Kits - React
Other Starter Kits · kyt - The framework that the New York Times uses to develop and build their web properties. · React...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found