Genre: eLearning | MP4 | Video: h264, 1280×720 | Audio: AAC, 48.0 KHz
Language: English | Size: 725 MB | Duration: 1h 32m
Create a React app and Deploy it on Heroku for free. Future courses will expand upon this boilerplate code.
What you’ll learn
Create a React app
Deploy to Heroku
Develop reusable boilerplate code
Expand upon boilerplate code
Description
React Heroku boilerplate code for 2022
After the completion of this tutorial series, You will have an easy to update
instance of a React app Hosted live on Heroku.
You will also have boilerplate React code stored on GitHub, ready to be deployed on
Heroku for easy development of additional React based apps.
The end code will also include a server for further development, to
easily implement the MERN stack for the purposes of creating CRUD functionality
if you wish to expand on the code with the subsequent tutorial.
You will be taken, step by step through the process of development, configuration
and deployment of the code and the processes involved for a successful deployment
on Heroku.
This code is designed to be easily expanded upon, whether you need CSS and SASS
integration, Redux integration for storage, or full MERN integration just to name
a few scenarios. These will be covered in detail in future tutorial series.
So if you wish to create, develop and deploy React based app’s that you can
display on the web, quickly, easily and for free, this is the tutorial series
for you.
In future courses, we will be continuing to build upon this boilerplate code, as
well as configuring Heroku to work with custom URLS and SSL certificates.
I have attempted to make all future courses as modular as possible to suit your
needs when they are required.
Custom URL and SSL certificate
The next course will focus on configuring Heroku to work with a custom URL as
well as securing the communication between our app and the end user by using an SSL
certificate.
CSS and SASS setup
From there, we will move onto the next course to further improve the utility of
our react boilerplate code to include easy CSS implementation by incorporating
a variety of libraries directly within our index.html, as npm packages included
in the client side package.json file and be setting up SASS to easily organize
and compile CSS code that can be used throughout your app.
Full MERN stack
We will then proceed to set up the boilerplate code to be able to create fully
functional MERN stack web application, utilizing MongoDB for data storage, more
advanced uses for the Express library to create an API, expanded React functionality
and tying everything together with Node.js
Redux implementation
We will eventually implement Redux as a means to add a store within our react
code for more streamlined development. This will assist in the creation of single
page web applications and allow for easier access to state throughout your apps.
Password/解压密码www.tbtos.com