Study Guide for Test-Driven Development Using React and ES6

The following concepts would be good to know when preparing for the assessment exam:

• The basics of the Test-Driven Development (TDD) "rhythm" or cycle.
• The syntax of modules in ES6 (ES2015) and CommonJS (Node.js).
• The overall goal of the React.js library and how it compares to other JavaScript frameworks and libraries such as Angular and jQuery.
• React.js' overall purpose and how it fits in with the traditional Model-View-Controller (MVC) architecture.
• The difference between declarative and imperative styles of programming.
• How React uses a virtual DOM so that rendering to the browser's DOM is more efficient.
• The characteristics of good React components and how to code them.
• How React components can use props so that parent components can pass data to children.
• How React components can define and use state.
• What is legal for a React component's render() method to return.
• How ES6 class inheritance works, especially in regards to React component classes constructors and the super keyword.
• How to use ReactDOM.render() to merge a React component tree into an element in the browser's DOM.
• How React converts JSX's XML-like syntax into native JavaScript.
• How to use stateless functions to code React components that need no component state, but still use props passed by a parent.
• How to design a React component tree using presentational and container components.
• How React manages a component's lifecycle, and the methods React calls as a component transitions through its lifecycle stages.