React tutorial – creating a React Bootstrap app, step by step

web
mobile
React tutorial - your own React Bootstrap app, step by step

Author: Dawid Adach

-

What is React?

React is a library developed by Facebook which makes it very easy to create interactive UIs. It is a JavaScript library used for building reusable components. React is widely used around the world, by some companies you may know:

Airbnb logo uber logo Twitter logo Pinterest logo Codecademy logo 9gag logo Netflix logo Adobe logo Xiaomi logo Alibaba logo Google logo Paypal logo Microsoft logo

React has become arguably the most popular JavaScript framework currently in use.

What do I have to know to start this course?

You must have a basic knowledge of HTML, CSS and JavaScript. In case you lack some knowledge try these tutorials first:

They are short, simple and also free.

I have the basics, how shall I start the course?

In order to work with React you have to install the Node Package Manager (npm). If you already have it you can start the course now!

Do I need anything else?

You will need some text editor. We recommend Visual Studio Code.

Is this tutorial really free?

Yes, it's completely free.

What will I build?

During the course you will build a real fully responsive Daily Agenda application.

Add new event preview

What will I know once I finish this tutorial?

During this course you will also learn many powerful and useful technologies such as:

Angular 6
React

The newest version of React including the most recent features. The technology used by Facebook, Airbnb, Amazon, and American Express.

Angular CLI
Create React App

Create React App speeds up your development. Creation of projects, classes, services has never been easier.

Typescript
JSX

JSX is a syntax extension to JavaScript. JSX may remind you of a template language, but it comes with the full power of JavaScript.

sass logo
NPM

Within this tutorial, you will also learn how to use the Node Package Manager to easily install and maintain your project dependencies.

Cross platform
Cross-platform

Regardless of whether you are using Windows, macOS or Unix - this tutorial show you how to use Angular on each operating system.

SPA
SPA

If you have ever wonder why some websites are blazing fast you should continue reading. This tutorial will guide you on how to build a Single Page Application, which works without reloading.

SPA
RWD

Within this tutorial, you will learn about Responsive Web Development - in other words, how to build a website which looks awesome on each device. Regardless of whether it's a 30-inch monitor or a smartphone screen.

material design for bootstrap logo
MDB

This tutorial will also teach you how to combine two powerful tools - Bootstrap and Material Design to achieve an outstanding effect on your website for application.


Rate this lesson

Next lesson

Spread the word:
Do you need help? Use our support forum

About the author

Dawid Adach
For more than 5 years Dawid worked as an IT Consultant specializing in SOA/EAI/ESB in the banking domain. He gained experience working in countries like Netherlands, Belgium, Poland and India developing enterprise-class systems for the most prestigious companies. Since co-founding mdbootstrap.com & brandflow.net in 2016 he has been using and teaching technologies such as Angular, TypeScript, PHP, AJAX, Mongo, SQL, Hadoop Stack, Virtualization, Automation and many others...