Pixelry

React App

Creating React applications doesn't need to be magic, but it does need to be production ready, seo optimized, and kept up to date. Turns out these are simple problems that don't need behemoth tools and quasi-standards. The real problem for us was in duplicating the build configurations and modules across several projects. When updating versions of a dependency we'd have to manually update every app's dependencies.

The simple solution is a shared package that installs all the common modules and provides boilerplate scripts. All we need to do to create a new React app is install one dependency and proxy any needed configs. A one line Webpack config and we can build. A one line Tailwind config, a one line Jest config, and a four line TypeScript config and we have a production ready app.

But wait, there's one more thing. We want server side rendering for SEO and search engine friendliness, but we don't want a server. So we render our HTML files at build time and upload those static files to our host. Super fast, super small, fully indexed. Take a look at the source of this page for an example.

This package accelerated our creation and maintenance of new projects so much we decided to share it with the world. You can use it, fork it, or just take the code. Open source helps us all get better. Of course we'd love your feedback.

Get started creating production ready React apps here.