Found inside – Page 25... .post .header > * { display: inline-block; vertical-align: middle; } .post .header img { width: ... We must import the CSS file somewhere in our code. It seems that React doesn’t really like raw Html and the markup created by some blocks. We will do this by replacing the code that logs the result of the uploaded image to the console with this code block: Create a file called like_button.js next to your HTML page.. Open this starter code and paste it into the file you created.. In React, you can create distinct components that encapsulate behavior you need. a glob matcher in javascript. In this tutorial, we are going to learn about the difference between block vs inline-block in css with the help of examples. You can then style the code block by using one of the CSS files provided by highlight.js. JSX is often looked at as a difficult thing to learn in React, but it's worth looking into since Create a new React.js project using the create-react-app. Our next step will be to create a Modal component. Styleguidist will display your components’ JSDoc comment blocks. React Markdown — Code and Syntax Highlighting. Call an Inline Function in an onClick Event Handler. Found inside – Page 87Create dynamic web apps with React using Redux, Webpack, Node.js, and GraphQL Carlos ...