We walked through the process of creating a basic web interface using the React.js
library and component-based approach to UI development. We mentioned a few major ideas from the BEM methodology and discussed how you can benefit from this method. You learned about different types of React components (stateful versus stateless) and saw an example of how to group them within a project. The code samples provided in this chapter may have some pieces omitted for brevity. It is highly recommended to open the example source code accompanying this chapter, read the code, and make sure you can reproduce the same steps described in the book on your own. In the next chapter, we are going to cover topics related to CSS styles as well as tips and tricks for working with Webpack, PostCSS, and CSS modules.
Isomorphic JavaScript Web Development
By :
Isomorphic JavaScript Web Development
By:
Overview of this book
<p>The latest trend in web development, Isomorphic JavaScript, allows developers to overcome some of the shortcomings of single-page applications by running the same code on the server as well as on the client. Leading this trend is React, which, when coupled with Node, allows developers to build JavaScript apps that are much faster and more SEO-friendly than single-page applications.</p>
<p>This book begins by showing you how to develop frontend components in React. It will then show you how to bind these components to back-end web services that leverage the power of Node. You'll see how web services can be used with React code to offload and maintain the application logic. By the end of this book, you will be able to save a significant amount of development time by learning to combine React and Node to code fast, scalable apps in pure JavaScript.</p>
Table of Contents (16 chapters)
Title Page
Credits
About the Authors
About the Reviewer
www.PacktPub.com
Customer Feedback
Preface
Free Chapter
Getting Started with Isomorphic Web Apps
Creating a Web UI with React
Working with CSS and Media Assets
Working with Browsersync and Hot Module Replacement
Rendering React Components on the Server
Creating Data API with GraphQL
Implementing Routing and Navigation
Authentication and Authorization
Testing and Deploying Your App
Customer Reviews