Chapter 5 : React with JSX

The alternative to typing out verbose React.createElement calls is JSX, a JavaScript extension that allows us to define React elements using syntax that looks similar to HTML.

Samples

Babel Setup

• Transpile JSX with Babel (code)

Recipes App with JSX

• Single HTML Page (demo, code)

Recipes App with JSX and Webpack

• Full App (demo code)
• Instructions Component (code)
• Ingredient Component (code)
• IngredientsList Component (code)
• Recipe Component (code)
• Menu Component (code)
• Entry index.js (code)
• Webpack Configuration (code)