Packt+ | Advance your knowledge in tech

0

All Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

Beginning React

You're reading from Beginning React Simplify your frontend development workflow and enhance the user experience of your applications with React

Product type Book

Published in Jul 2018

Publisher

ISBN-13 9781789530520

Pages 96 pages

Edition 1st Edition

Languages

Concepts

Front End Web Development

Table of Contents (9) Chapters

Title Page

Packt Upsell

Contributors

Preface

1. Introducing React and UI Design FREE CHAPTER

2. Creating Components

3. Managing User Interactivity

1. Other Books You May Enjoy

Leave a review - let other readers know what you think

Index

Chapter 1. Introducing React and UI Design

React is definitely one of the most talked about libraries on the web. It has become as popular as jQuery was in its prime, and more and more developers choose it to build the user interface of their web applications. Why has it become so popular? Why is this JavaScript library so innovative compared to others?

We will try to provide answers to these questions in this book by showing what the library offers, and by using it to build efficient web user interfaces.

In this chapter, we will introduce React and we will start building the basic infrastructure of a React-based application. Then, we will analyze how to design a user interface so that it can be easily mapped to React components, exploiting the best from React's internal architecture.

By the end of this chapter, you will be able to:

Describe what React is and where it fits in the development of your applications
Set up the infrastructure of a React-based application
Design the UI of your application, optimizing it for use in React

You have been reading a chapter from

Beginning React

Published in: Jul 2018

Publisher:

ISBN-13: 9781789530520

© 2018 Packt Publishing Limited All Rights Reserved

Register for a free Packt account to unlock a world of extra content!

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at ₹800/month. Cancel anytime

Other recommended products

Related to this chapter

React 16 Tooling

React 16 Tooling

React 16 Tooling covers the most important tools, utilities, and libraries that every React developer needs to know — in detail. These will make your development life simpler and happier, enabling you to create better and more performant apps.

Apr 2018 9h 56m

Today's web demands efficient real-time applications and scalability. If you want to learn to build fast, efficient, and high-performing applications using React 16, this is the book for you. We plunge directly into the heart of all the most important React concepts for you to conquer. Along the way, you'll learn how to work with the latest ECMAScript features. By the end of this book, you'll be saved from a lot of trial and error and developmental headaches, and you'll be on the road to becoming a React expert.

Aug 2018 19h 20m

React Router Quick Start Guide

React Router Quick Start Guide

React Router is the routing library for React, and it can be used in both React Web and React Native applications. This book is a simple way to get started with React Router and harness its full power for your applications.

Sep 2018 5h 12m

Full-Stack React, TypeScript, and Node

Full-Stack React, TypeScript, and Node

TypeScript is among the fastest-growing languages, helping developers build full-stack apps by integrating with powerful frameworks such as React and Node.js. With this book, you’ll get started with TypeScript and build an SPA with React and middleware using Node.js and Express. Finally, you’ll be able to package your web app and deploy it on AWS.

Dec 2020 21h 36m

Learn React with TypeScript 3

Learn React with TypeScript 3

React today is one of the most loved and preferred choices for front-end development. Using React with TypeScript enhances development experience and offers a powerful combination to develop high performing web apps. This book will take you through a journey of web development with the help of the latest version of React and TypeScript 3.

Nov 2018 16h 44m

React, an intuitive web frontend framework, extends its capabilities in building apps for mobile and VR. This book aims to help you in building React applications through a series of real-world projects increasing in complexity as you progress. With coverage on various modern React tooling, you will get a wholesome knowledge of React development.

Dec 2019 15h 48m

React 16 Essentials

React 16 Essentials

Now fully updated for React 16, this book takes you on a fast-paced journey through building your own maintainable React 16 applications. Here are all the essentials you need to know to start working with React 16 and Redux, and assess the future with React Fiber!

The React Workshop

The React Workshop

The React Workshop equips you with the knowledge you need to implement React logic in web applications. You’ll learn important best practices and essential React methods with the help of interesting examples and exercises.

Aug 2020 26h 52m

Vuex Quick Start Guide

Vuex Quick Start Guide

State management preserves the state of controls in an user interface. Vuex is a state management tool for Vue.js that makes the architecture easier to understand, maintain and evolve. This book is the easiest way to get started with Vuex to improve your Vue.js application architecture and overall user experience.

Redux Quick Start Guide

Redux Quick Start Guide

This book will help you get started with the Redux set-up and the Redux ecosystem. You will learn how to integrate Redux with React and other front-end JavaScript frameworks efficiently and manage application states effectively.

Feb 2019 6h 48m

Hands-On Full Stack Development with Spring Boot 2.0 and React

Hands-On Full Stack Development with Spring Boot 2.0 and React

This book will help you delve into full-stack development effectively. You’ll grasp the techniques you need to know to build robust full-stack applications using Spring Boot and React.

Jun 2018 10h 4m

Isomorphic JavaScript Web Development

Isomorphic JavaScript Web Development

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. This book will show you how to develop front-end components in React.

Oct 2017 7h 32m

Personalised recommendations for you

Based on your interests and search pattern

Modernizing Drupal 10 Theme Development

Modernizing Drupal 10 Theme Development

Modernizing Drupal 10 Theme Development covers everything a frontend developer or a Drupal developer needs to know about the Drupal 10 theme layer. Using real-world examples, this book will help you to build up from an empty theme to a fast, responsive, maintainable, and accessible Drupal website in both monolithic and decoupled ways.

Aug 2023 12h 0m

Full Stack Development with Spring Boot 3 and React

Full Stack Development with Spring Boot 3 and React

Full Stack Development with Spring Boot 3 and React contains a wealth of practical guidance for picking up full stack development. The step-by-step exploration of everything from dependency injection, ORM with Hibernate, and JWTs to RESTful APIs, UI styling, and TypeScript will help you to develop the Spring Boot and React skills you need.

Oct 2023 15h 8m

Modern API Development with Spring 6 and Spring Boot 3

Modern API Development with Spring 6 and Spring Boot 3

This practical guide teaches inexperienced Java programmers and web developers how to design, develop, test, and deploy highly scalable and maintainable APIs using REST, gRPC, GraphQL, and reactive programming paradigms with Java and Spring Boot. Complete with real-world examples, it will guide you to build enterprise-level APIs and services.

Sep 2023 16h 28m

Hands-On Web Scraping with Python

Hands-On Web Scraping with Python

This book guides you to discover and extract quality data from the web using Python libraries such as requests, lxml, pyquery, scrapy, and to use effective scraping techniques. It’ll help you master the fundamentals and advanced concepts of web scraping and apply your skills to real-world data extraction tasks, with analysis and visualization.

Oct 2023 10h 48m

Mastering Blazor WebAssembly

Mastering Blazor WebAssembly

Mastering Blazor WebAssembly is a comprehensive, practical guide that'll help you to develop advanced web applications. By combining real-world experience with the thorough knowledge needed to build Blazor apps in a masterful fashion, this book enables you to efficiently manage cross-platform mobile development with .NET MAUI and Blazor.

Aug 2023 12h 20m

Mastering Blazor WebAssembly

Mastering Blazor WebAssembly

Mastering Blazor WebAssembly is a comprehensive, practical guide that'll help you to develop advanced web applications. By combining real-world experience with the thorough knowledge needed to build Blazor apps in a masterful fashion, this book enables you to efficiently manage cross-platform mobile development with .NET MAUI and Blazor.

Aug 2023 12h 20m

Full Stack Web Development with Remix

Full Stack Web Development with Remix

Unlock the power of the web platform and cutting-edge technologies for your React applications using Remix to take advantage of the full stack to create a great user experience. This book is a complete resource covering the conventions, levers, and primitives of Remix and illustrates concepts through a real-world project.

Nov 2023 10h 36m

Real-World Svelte

Real-World Svelte

This book is a must-have guide to unlocking Svelte's true potential. You’ll learn about advanced component development, efficient coding, and powerful UI patterns using actions. With a focus on state management, custom stores, and renderless components, this book equips you to build exceptional web apps with lightning-fast performance.

Dec 2023 9h 24m

Building Micro Frontends with React 18

Building Micro Frontends with React 18

This book is a step-by-step guide to building production-grade, highly scalable, and performant web apps using multi-SPA and micro apps patterns, where you’ll learn to deal with complexities related to micro frontends. The book is a full life cycle guide to building, deploying, and managing micro frontends in a cloud-native environment.

Oct 2023 7h 16m

Drupal 10 Masterclass

Drupal 10 Masterclass

This all-in-one guide helps you get up and running with building Drupal applications using the latest Drupal 10 features. You’ll develop a complete practical understanding of Drupal frontend, backend, architecture, content management, themes, and modules to deliver a rich user experience by creating custom Drupal apps.

Dec 2023 10h 20m

Full-Stack Flask and React

Full-Stack Flask and React

This book teaches you how to build simple yet efficient production-ready web applications. Starting with an introduction to React, this book will equip you with deeper knowledge of Flask and React technology stacks to undertake web application development with confidence.

Oct 2023 13h 36m

Full-Stack Flask and React

Full-Stack Flask and React

This book teaches you how to build simple yet efficient production-ready web applications. Starting with an introduction to React, this book will equip you with deeper knowledge of Flask and React technology stacks to undertake web application development with confidence.

Oct 2023 13h 36m