notchbegone VS alright-react-app

I wrote this because like others, I found the "notch" on newer iPhones and MacBooks distracting - particularly when using a second display as a primary monitor (when there's no menu bar to balance out the unusable space at the top of the screen).

I realized that by creating a tinted bar the same height as the notch across the top of a background image, I could significantly diminish the distraction factor of the notch. Someone had written an app that did something like this, but I wasn't interested in keeping some piece of third party software running all the time just to achieve this.

Enter: notchbegone.com. By writing a tool to auto-generate background images with my desired top bar overlay, I could easily subdue the notch without any added overhead to my system.

Tool: https://notchbegone.com

Source: https://github.com/alexdredmon/notchbegone

It's because most webpack projects compile jsx with babel and send the whole dependency chunk straight away. Use this generator to get top performance and maximum flexibility: https://github.com/DoneDeal0/alright-react-app

You can definitely send a pr. Someone did it yesterday and I merged it: https://github.com/DoneDeal0/alright-react-app/pull/2 .

Alright React App

Best template IMO: alright-react-app

Just create your project with alright react app, it's a pro template, and everything is already set up for you (testing, building, storybook, typescript, etc.). No wizardry, no hidden folders, everything is as it should be.

Another option would be this app generator.

Try this generator to get familiar with webpack. It's a professional app template (I use almost the same in a big SaaS app) that works exactly like CRA, BUT that exposes all the config.