create-react-app-fullstack
Installation
npm i -g create-react-app
npm i -g create-react-app-fullstack
Getting Started
This is designed for groud up full-stack development. Start by creating your database with PostgreSQL (you can do this after running 'fullstack' as well):`create db `. After creating your database, initialize a create-react-app with the same name (the name match is default functionality, overriding this is straightforward):
create-react-app <my-app>
cd my-app
fullstack
After running fullstack, confirm that you want to eject and the remaining steps will update your app with Express and Sequelize. Currently, an eject is required on create-react-app to get it working properly. I'm exploring ways to work around this.
remember to seed the database!
After the *fullstack* completes, run the command below to add dummy data to the database: `npm run seed`
Commands
seed
Before getting started, seed the database with dummy data by running: npm run seed
start
After the database is seeded, you should be all set. To enable front-end development with hot-reloading, use the same script as create-react-app: `npm run start`
fullstart
To automate updates from back-end development, you can run the script below. The difference between this script and the one above: hot-reloading is disabled. Requires navigating to the localhost and refreshing the page: `npm run fullstart`
build
To build deployment-ready, we use the same script as create-react-app: `npm run build`
nodemon
After this, you can test your back-end code on the built static files: `nodemon server`
References and Props
Much of this work was built and taken from the resources below:
* [create-react-app](https://www.npmjs.com/package/create-react-app)
* [create-react-app-add-redux](https://www.npmjs.com/package/create-react-app-add-redux)
* [custom-react-scripts](https://www.npmjs.com/package/custom-react-scripts)
* [Using create-react-app with React Router + Express.js]()
* [How to get "create-react-app" to work with your API]()
Currently, this repo adds Express and Sequelize to the mix for create-react-app. On the backlog are Redux and SASS, but some of the links above already have functionality for that.
Last, this project was built at a hackathon at Full Stack Academy. Development is preliminary.