#100DaysOfWeb in Python Transcripts
Chapter: Days 41-44: React: JavaScript user interfaces
Lecture: Intro: what is React, why use it?
Login or
purchase this course
to watch this video and the rest of the course contents.
0:00
Hello and welcome back to the 100 Days of Weapon Python. In the next coming four days, we're going to look at React
0:08
one of the most popular JavaScript frameworks. What is React? React basically is a JavaScript library for building user interfaces.
0:18
It's declarative, component-based and the "learn once, write anywhere" philosophy makes it easy to integrate it into your projects.
0:28
Why would you want to learn it? Well, working with the DOM is inherently hard. And React not only makes it easier
0:35
using a virtual DOM, but also more performant. The declarative style makes it relatively easy to define user interfaces.
0:44
And maybe best of all, React is just JavaScript. It's not a full-blown framework. It's a pretty small API, you only have to learn
0:53
a few functions, and you're good to go. It's also pretty popular. We reviewed the results of State of JavaScript 2018
1:03
and React was one of the most popular frameworks in terms of people that had used it and would recommend using it again.
1:11
React also endorses software best practices. It is explicit and modular, which makes it easy to reuse across projects.
1:24
This lesson will be very practical. I have two exciting projects lined up. First we're going to make a front end for a Tips API, which you see here
1:33
including filtering and highlighting using a plugin. And secondly, a simple hangman game where we load in a random movie title
1:44
and you have to guess it pressing the buttons. Instead of hangman, we use pictures of a monkey that's getting imprisoned
1:51
and by guessing the movie we prevent that. Next lesson, let's first review some ES6 newer JavaScript syntax because
2:01
you will see that a lot in React code. After brushing up modern JavaScript we dive straight into React, building our two projects.