The best way to learn - in my experience - is by building stuff. A great platform for doing this is Glitch. Glitch provides a nice place for you to see both your server-side code and your client side code. It also includes a little window where you can see your app running on the web.
So, for the past few weeks, I’ve been building a React application boilerplate. The goal is to have a nice react starter project that you can use to get started quickly building your app.
- React router integrated
- FeathersJS real-time web framework setup as the backend
- Grommet UI as the default user interface library
- ES6 support!
To get started,
- Clone the Github repository
- Import it into your Glitch project
- Hack away!
You can run and develop your app locally by cloning the repository into your local system and running:
npm install npm run dev
If you want to modifiy the backend by creating additional services or just adding new routes, run the local development server.
npm run dev-local-server
This starts the FeathersJS server on port 36000 and sets up HTTP proxy in the webpack dev server so your app still autoreloads when you save.
Fill out an issue on the repo or Send me a mail if you have any issues.