React

When it comes to building user interfaces on the web, React enables web developers to unlock a new world of possibilities. This practical book helps you take a deep dive into fundamental concepts of this JavaScript library, including JSX syntax and advanced patterns, the virtual DOM, React reconciliation, and advanced optimization techniques. By becoming fluent in React, you'll quickly learn how to build better web applications.

Author Tejas Kumar helps you explore the depths of React in plain English, without the typical software engineering jargon, so you can more easily understand how this JavaScript library works. You'll learn how to write intuitive React code that fully understands the nuances and layers of React, unlocking a whole new level of fluency.

You will:

• Understand how React works at a deeper level
• Write React apps while optimizing them along the way
• Build resilient React applications that work well at arbitrary scale
• Create React applications for other platforms adjacent to the web and mobile devices
• Know when to reach for different mechanisms exposed by React, such as reducers versus state versus refs

If you’re an existing Java developer who wants to go full stack or pick up another frontend framework, this book is your concise introduction to React. In this three-part build-along, you’ll create a robust Spring Boot backend, a React frontend, and then deploy them together.

This new edition is updated to Spring Boot 3 and includes expanded content on security and testing. For the first time ever, it also covers React development with the in-demand TypeScript.

You’ll explore the elements that go into creating a REST API and testing, securing, and deploying your applications. You’ll learn about custom Hooks, third-party components, and MUI.

By the end of this book, you'll be able to build a full stack application using the latest tools and modern best practices.

What you will learn

• Make fast and RESTful web services powered by Spring Data REST
• Create and manage databases using ORM, JPA, Hibernate, and more
• Explore the use of unit tests and JWTs with Spring Security
• Employ React Hooks, props, states, and more to create your frontend
• Harness the Material UI component library to customize your frontend
• Use the fetch API, Axios, and React Query for networking
• Add CRUD functionality to your apps
• Deploy your apps using AWS and Docker

Who this book is for

This book is for Java developers who have basic familiarity with Spring Boot but don’t know where to start when it comes to building full stack applications. Basic knowledge of JavaScript and HTML will help you to follow along. You'll also find this book useful if you're a frontend developer with knowledge of JavaScript basics and looking to learn full stack development, or a full stack developer experienced in other technology stacks looking to learn a new one.

Build hyper-fast and hyper-efficient web applications with GraphQL! This practical, comprehensive guide introduces the powerful GRANDStack for developing full stack web applications based in graph data structures.

In Full Stack GraphQL Applications you will learn how to:

• Build backend functionalities for GraphQL applications
• Model a GraphQL API with GraphQL type definitions
• Utilize Neo4j as a backend database
• Handle authentication and authorization with GraphQL
• Implement pagination and rate limiting in a GraphQL API
• Develop a GraphQL service with Apollo Server
• Install Neo4j Database on different platforms
• Create a basic frontend application using React and Apollo Client
• Deploy a full stack GraphQL application to the cloud

The GraphQL query language radically reduces over-fetching or under-fetching of data by constructing precise graph-based data requests. In

Full Stack GraphQL Applications you’ll learn how to build graph-aware web applications that take full advantage of GraphQL’s amazing efficiency. Neo4j’s William Lyon teaches you everything you need to know to design, deploy, and maintain a GraphQL API from scratch. He reveals how you can build your web apps with GraphQL, React, Apollo, and Neo4j Database, aka “the GRANDstack,” to get maximum performance out of GraphQL.

Reading, navigating, and debugging a large frontend codebase is a major issue faced by frontend developers. This book is designed to help web developers like you learn about ReactJS and TypeScript, both of which power large-scale apps for many organizations.

This second edition of Learn React with TypeScript is updated, enhanced, and improved to cover new features of React 18 including hooks, state management libraries, and features of TypeScript 4. The book will enable you to create well-structured and reusable React components that are easy to read and maintain, leveraging modern design patterns.

You’ll be able to ensure that all your components are type-safe, making the most of TypeScript features, including some advanced types. You’ll also learn how to manage complex states using Redux and how to interact with a GraphQL web API. Finally, you’ll discover how to write robust unit tests for React components using Jest.

By the end of the book, you’ll be well-equipped to use both React and TypeScript.

What you will learn

• Gain first-hand experience of TypeScript and its productivity features
• Understand how to transpile your TypeScript code into JavaScript for running in a browser
• Build a React frontend codebase with hooks
• Interact with REST and GraphQL web APIs
• Design and develop strongly typed reusable components
• Create automated component tests

Who this book is for

This book is for experienced frontend developers looking to build large scale web applications using React and TypeScript. Intermediate knowledge of JavaScript, HTML and CSS is a prerequisite.

If you want to learn how to build efficient React applications, this is your book. Ideal for web developers and software engineers who understand how JavaScript, CSS, and HTML work in the browser, this updated edition provides best practices and patterns for writing modern React code. No prior knowledge of React or functional JavaScript is necessary.

With their learning road map, authors Alex Banks and Eve Porcello show you how to create UIs that can deftly display changes without page reloads on large-scale, data-driven websites. You’ll also discover how to work with functional programming and the latest ECMAScript features. Once you learn how to build React components with this hands-on guide, you’ll understand just how useful React can be in your organization.

Understand key functional programming concepts with JavaScriptLook under the hood to learn how React runs in the browserCreate application presentation layers with React componentsManage data and reduce the time you spend debugging applicationsIncorporate React Hooks to manage state and fetch dataUse a routing solution for single-page application featuresLearn how to structure React applications with servers in mind

React helps you work smarter, not harder — but to reap the benefits of this popular JavaScript library and its components, you need a straightforward guide that will teach you how to make the most of it.

React 18 Design Patterns and Best Practices will help you use React effectively to make your applications more flexible, easier to maintain, and improve their performance, while giving your workflow a huge boost. With a better organization of topics and knowledge about best practices added to your developer toolbox, the updated fourth edition ensures an enhanced learning experience.

The book is split into three parts; the first will teach you the fundamentals of React patterns, the second will dive into how React works, and the third will focus on real-world applications. All the code samples are updated to the latest version of React and you’ll also find plenty of new additions that explore React 18 and Node 19’s newest features, alongside MonoRepo Architecture and a dedicated chapter on TypeScript.

By the end of this book, you'll be able to efficiently build and deploy real-world React web applications.

What you will learn

• Get familiar with the new React 18 and Node 19 features
• Explore TypeScript's basic and advanced capabilities
• Make components communicate with each other by applying various patterns and techniques
• Dive into MonoRepo architecture
• Use server-side rendering to make applications load faster
• Write a comprehensive set of tests to create robust and maintainable code
• Build high-performing applications by styling and optimizing React components

Who this book is for

This book is for web developers who want to master React by learning key design patterns and best practices in real-world application development. You’ll need an intermediate-level experience with React and JavaScript before you get started.

Welcome to your big-picture guide to the React ecosystem.

If you’re new to React and looking to become a professional React developer, this book is for you. This updated fifth edition reflects the current state of React, including React framework coverage as well as TypeScript. Learn why React continues to dominate over other frontend options.

Part 1 introduces you to React. You’ll discover JSX syntax, hooks, functional components, and event handling, learn techniques to fetch data from a server, and tackle the tricky problem of state management. Once you’re comfortable with writing React in JavaScript, you’ll pick up TypeScript development in later chapters.

Part 2 transitions you into React Native for mobile development. React Native goes hand-in-hand with React. With your React knowledge behind you, you’ll appreciate where and how React Native differs as you write shared components for Android and iOS apps. You’ll learn how to build responsive layouts, use animations, and implement geolocation.

By the end of this book, you’ll have a big-picture view of React and React Native and be able to build applications with both.

What you will learn

• Explore React architecture, component properties, state, and context
• Work with React Hooks for handling functions and components
• Fetch data from a server using the Fetch API, GraphQL, and WebSockets
• Dive into internal and external state management strategies
• Build robust user interfaces for mobile and desktop apps using Material-UI
• Simplify layout design for React Native apps using UI kits
• Manage app performance with server-side rendering, lazy components, and Suspense

Who this book is for

This book is for any JavaScript or TypeScript developer who wants to start learning how to use React and React Native for web and mobile application development. No prior knowledge of React or React Native is required. However, a working knowledge of JavaScript is necessary to be able to follow along the content covered

Build stylish, slick, and speedy-to-load user interfaces in React without writing custom classes. React Hooks are a new category of functions that help you to manage state, lifecycle, and side effects within functional components.

React Hooks in Action teaches you to use pre-built hooks like useState, useReducer and useEffect to build your own hooks. Your code will be more reusable, require less boilerplate, and you’ll instantly be a more effective React developer.

React in Action introduces front-end developers to the React framework and related tools. This clearly written, example-rich book begins by introducing you to React, diving into some of the fundamental ideas in React, and working with components. In the second section, you'll explore the different ways that data works in React as well as learning more about components. You'll also find several useful appendixes covering related topics like React tooling and the React ecosystem.

React Native in Action gives iOS, Android, and web developers the knowledge and confidence they need to begin building high-quality iOS and Android apps using the React Native framework.

Learn the skills you need to build React applications quickly! This fully revised second edition introduces JSX, functional components, React hooks, event and form handling, and more.

In React Quickly, Second Edition you will learn how to:

• Master React fundamentals
• Implement best practices and the components of good architecture
• Build intuitive user interfaces
• Create dynamic components with JSX
• Use lightweight functional components in React
• Make your app interactive with stateful components
• Utilize React hooks
• Handle events like button clicks and pass data between components

Build your skills with React fast! There’s no slow theory and tedious history in

React Quickly—you’ll dive into React code right from the very first chapter. As you go, you’ll explore over 80 useful and practical examples that put React into action. This new second edition has been completely rewritten to cover the latest developments in the React framework. Perfect, whether you’re a React beginner or an experienced pro looking to keep their skills up to date.

With Redux in Action, you'll discover how to integrate Redux into your React application and development environment. With the insights you glean from the experience of authors Marc Garreau and Will Faurot, you'll be more than confident in your ability to solve your state management woes with Redux and focus on developing the apps you need!