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 <my-app>
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:
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.