Book Image

Isomorphic JavaScript Web Development

By : Tomas Alabes, Konstantin Tarkus
Book Image

Isomorphic JavaScript Web Development

By: Tomas Alabes, Konstantin Tarkus

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

Summary


In this chapter, you learned how to use inline styles inside React components. You can use them occasionally in places where it's easier to add some dynamic functionality this way. For the core styles of our app, we have chosen the CSS modules approach powered by Webpack and PostCSS. It allows writing modular CSS more easily than a naming convention-based approach (BEM, SMACSS, and so on). Keep in mind that the CSS module doesn't solve all the pitfalls when it comes to writing maintainable CSS code, you may want to stick to some other ideas from BEM, such as using class selectors in favor of element selectors, avoid nested selectors, and so on. You also learned about PostCSS, and how you can instantly benefit from using it. We covered some notable plugins for PostCSS that can make your job as a frontend engineer easier. You learned how to use Webpack loaders and how to configure everything in order to be able to write modular and maintainable CSS.