Chapter 10: Building a Website with React
In this last chapter of this book, we will talk about React in general, especially the role that React plays in web development. We will approach this topic from three aspects to see how React puts resources together to build a site. First, we will take a look at how React embraces new JavaScript ES6 features, such as arrow function and template strings. Then, we will walk through how a component can be styled using a CSS-in-JS approach via libraries such as styled-JSX and styled-components. Last, but not least, we will also get to know JSX code and how it is used to transform the HTML-like lines into JavaScript expressions.
We will cover the following topics in this chapter:
- The function of React
- Embracing JavaScript ES6
- Adopting CSS-in-JS approach
- Going from HTML to JSX
- Questions and answers
