Fourth Edition of the popular React book, updated to the latest React 18 to help you go from beginner to professional in React applications development Key Features Discover React's latest features including automatic state update batching and prioritizing state updates Get to grips with React architecture to write cross-platform apps using libraries such as NativeBase Understand GraphQL and Apollo for building a scalable backend for your applications Book DescriptionOver the years, React and React Native has proven itself among JavaScript developers as a popular choice for a complete and practical guide to the React ecosystem. This fourth edition comes with the latest features, enhancements, and fixes to align with React 18, while also being compatible with React Native. It includes new chapters covering critical features and concepts in modern cross-platform app development with React. From the basics of React to popular components such as Hooks, GraphQL, and NativeBase, this definitive guide will help you become a professional React developer in a step-by-step manner. You'll begin by learning about the essential building blocks of React components. As you advance through the chapters, you'll work with higher-level functionalities in application development and then put your knowledge to work by developing user interface components for the web and native platforms. In the concluding chapters, you'll learn how to bring your application together with robust data architecture. By the end of this book, you'll be able to build React applications for the web and React Native applications for multiple mobile platforms. What you will learn Explore React architecture, component properties, state, and context Work with React Hooks for handling functions and components Implement code splitting using lazy components and Suspense Build robust user interfaces for mobile and desktop apps using Material-UI Write shared components for Android and iOS apps using React Native Simplify layout design for React Native apps using NativeBase Write GraphQL schemas to power web and mobile apps Implement Apollo-driven components Who this book is forThis book is for any JavaScript developer who wants to start learning how to use React and React Native for mobile and web application development. No prior knowledge of React is required, however working knowledge of JavaScript is necessary to be able to follow along the content covered.

Get a big-picture view of modern React and React Native and see how they go hand-in-hand - covering TypeScript development, Vite, state management strategies, unit testing with Jest, and more.

Key Features:

• New content on TypeScript, React frameworks, state management strategies, and unit testing
• Get to grips with React fundamentals and modern React techniques and architecture
• Broaden your React expertise through mobile development with React Native

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.

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 (UIs) for mobile and desktop apps using Material-UI
• Perform unit testing for your components with Vitest and mocking
• Manage app performance with server-side rendering, lazy components, and Suspense

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 app 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.

Get up to speed with React, React Native, GraphQL and Apollo for building cross-platform native apps with the help of practical examples Key Features Covers the latest features of React such as Hooks, Suspense, NativeBase, and Apollo in this updated third edition Get to grips with the React architecture for writing easy-to-manage web and mobile applications Understand GraphQL and Apollo for building a scalable backend for your cross-platform apps Book DescriptionReact and React Native, Facebook's innovative User Interface (UI) libraries, are designed to help you build robust cross-platform web and mobile applications. This updated third edition is improved and updated to cover the latest version of React. The book particularly focuses on the latest developments in the React ecosystem, such as modern Hook implementations, code splitting using lazy components and Suspense, user interface framework components using Material-UI, and Apollo. In terms of React Native, the book has been updated to version 0.62 and demonstrates how to apply native UI components for your existing mobile apps using NativeBase. You will begin by learning about the essential building blocks of React components. Next, you'll progress to working with higher-level functionalities in application development, before putting this knowledge to use by developing user interface components for the web and for native platforms. In the concluding chapters, you'll learn how to bring your application together with a robust data architecture. By the end of this book, you'll be able to build React applications for the web and React Native applications for multiple mobile platforms. What you will learn Delve into the React architecture, component properties, state, and context Get to grips with React Hooks for handling functions and components Implement code splitting in React using lazy components and Suspense Build robust user interfaces for mobile and desktop apps using Material-UI Write shared components for Android and iOS mobile apps using React Native Simplify layout design for React Native apps using NativeBase Write GraphQL schemas to power web and mobile apps Implement web and mobile components that are driven by Apollo Who this book is forThis book is for any JavaScript developer who wants to start learning how to use Facebook's UI libraries, React and React Native, for mobile and web application development. Although no prior knowledge of React is needed, working knowledge of JavaScript programming will help you understand the concepts covered in the book more effectively.

Develop modern-day applications by implementing Material Design principles in React using Material-UI Key Features Use React components to build intuitive UI elements Explore a variety of styles and themes in the Material-UI framework using React components Learn practical React recipes and best practices for building modern web applications Book DescriptionMaterial-UI is a component library for rendering UI elements, using modern best practices from React and Material Design. This book will show you how you can create impressive and captivating modern-day web apps by implementing Material Design considerations. The book is designed to help you use a variety of Material-UI components to enhance UI functionality, along with guiding you through React best practices, and using state, context, and other new React 16.8 features. You will start with layout and navigation, exploring the Grid component and understanding how it's used to build layouts for your Material-UI apps. Using Material-UI components, you'll then explore the technique of effectively presenting information. In later sections, you will also learn about the different components for user interactions such as the text input component and buttons. Finally, the book will get you up to speed with customizing the look and feel of your app, right from creating a Material-UI theme through to styling icons and text. By the end of this book, you will have developed the skills you need to improve the look and feel of your applications using Material-UI components. What you will learn Build the overall structure and navigation for your Material-UI app Present simple and complex information in a variety of ways Develop interactive and intuitive controls Group content into sections using tabs and expansion panels Create a general page layout with Material-UI grids Use lists for complex data, and cards for detailed information Who this book is forThis book is for React developers who want to implement Material Design principles in their applications. You will also find this book helpful if you are a developer who wants to build a UI using React components without having to build your own UX framework.

This book shows JavaScript developers how to build highly dependable JavaScript projects using the Immutable.js framework. About This Book * Master the Immutable.js JavaScript framework * Build predictable and dependable applications using immutability * Control how data flows through your application * Control the effects of data flow in your user interface using Node.js Who This Book Is For This book is for JavaScript developers, from intermediate level and beyond, who need to create dependable JavaScript projects, using the Immutable.js JavaScript framework. What You Will Learn * Learn how Immutable.js can improve the dependability of your JavaScript code * Discover how to create Immutable data, and work with persistent changes * See how to combine and filter collections, and find items * Learn how to work with sequences and side effects * Sort collections, maps, and sets * Get to know tricks to avoid processing chains * Compare and move between lists, sets, and maps * Work with Immutable patterns and Immutable architecture In Detail Immutable.js is a JavaScript library that will improve the robustness and dependability of your larger JavaScript projects. All aspects of the Immutable.js framework are covered in this book, and common JavaScript situations are examined in a hands-on way so that you gain practical experience using Immutable.js that you can apply across your own JavaScript projects. The key to building robust JavaScript applications using immutability is to control how data flows through your application, and how the side-effects of these flows are managed. Many problems that are difficult to pinpoint in large codebases stem from data that's been mutated where it shouldn't have been. With immutable data, you rule out an entire class of bugs. Mastering Immutable.js takes a practical, hands-on approach throughout, and shows you the ins and outs of the Immutable.js framework so that you can confidently build successful and dependable JavaScript projects. Style and Approach Adam Boduch covers all the key concepts and benefits of immutability, and then presents you with hands-on practical experience on implementing immutability in your JavaScript projects.

React 16 Tooling covers the most important tools, utilities, and libraries that every React developer needs to know - in detail. Key Features Each chapter presents meta-development solutions to help React developers The tools used are presented in a practical, solution-oriented approach with no fluff The chapters are arranged in a logical order that mirrors a typical React development workflow, but you are free to tweak the approaches discussed to fit your own unique style Book DescriptionReact 16 Tooling covers the most important tools, utilities, and libraries that every React developer needs to know - in detail. As React has grown, the amazing toolset around it has also grown, adding features and enhancing the development workflow. Each of these essential tools is presented in a practical manner and in a logical order mirroring the development workflow. These tools will make your development life simpler and happier, enabling you to create better and more performant apps. Adam starts with a hand-picked selection of the best tools for the React 16 ecosystem. For starters, there's the create-react-app utility that's officially supported by the React team. Not only does this tool bootstrap your React project for you, it also provides a consistent and stable framework to build upon. The premise is that when you don't have to think about meta development work, more focus goes into the product itself. Other React tools follow this same approach to automating and improving your development life. Jest makes unit testing quicker. Flow makes catching errors easier. Docker containers make deployment in a stack simpler. Storybook makes developing components straightforward. ESLint makes writing standardized code faster. The React DevTools plugin makes debugging a cinch. React 16 Tooling clears away the barriers so you can focus on developing the good parts. In this book, we'll look at each of these powerful tools in detail, showing you how to build the perfect React ecosystem to develop your apps within. What you will learn Bootstrap a React application using create-react-app Isolate React component development using Storybook Write effective unit tests for your React components using Jest Ensure that your component code is to standard using ESLint Use browser extensions and built-in component instrumentation to debug React applications Enable type safety in React components with Flowtype Deploy React applications inside a Docker container as part of a larger application stack Who this book is forThis book is for React developers of any skill level who want to make their lives easier. It helps to have some familiarity with React, but if you are an experienced web developer looking at React, then this book will show you how to build a resilient toolset around you before you begin.

Everything you need to start working with React 16 and assess React Fiber About This Book * Hands-on examples and tutorials for the latest React 16 release * Assess the impact of React Fiber for your future web development * Build maintainable and high performance React 16 web applications Who This Book Is For If you're a frontend developer with some knowledge of native JavaScript development and frontend frameworks, wishing to learn the fastest web user interface library there is, then this book is ideal for you. What You Will Learn * Learn to code React 16 with hands-on examples and clear tutorials * Install powerful React 16 tools to make development much more efficient * Understand the impact of React Fiber today and the future of your web development * Utilize the Redux application architecture with your React components * Create React 16 elements with properties and children * Get started with stateless and stateful React components * Use JSX to speed up your React 16 development process * Add reactivity to your React 16 components with lifecycle methods * Test your React 16 components with the Jest test framework In Detail React 16 Essentials, Second Edition, fully updated for React 16, takes you on a fast-paced journey through building your own maintainable React 16 applications. React experts Artemij Fedosejev and Adam Boduch give you all the essentials you need to know and start working with React 16, in this new edition of the best-selling React.js Essentials title. You'll find the latest React 16 code updates, assessment of React Fiber, new coverage of Redux, and how to work as a modern React developer. The authors offer you their current assessment of React Fiber, and you'll soon be exploring React 16 hands on, creating your own single and multiple user interface elements with React 16. You'll then see how to create stateless and stateful components and make them reactive. You'll also learn to interact between your components and lifecycle methods, and gauge how to effectively integrate your user interface components with other JavaScript libraries. Delve deep into the core elements of the Redux architecture and learn how to manage your application and data persistence. Then go the extra mile with the Jest test framework, and run multiple tests on your applications and find solutions to scale without complexity. Today React is used by Facebook, Instagram, Khan Academy, and Imperial College London, to name a few. Many new users recognize the benefits of React and adopt it in their own projects, forming a fast-growing community. The speed at which React has evolved promises a bright future for anyone who invests in learning it today. Let Artemij and Adam bring you a brand new look at React 16 and React Fiber, and move your web development into the future. Style and approach React 16 Essentials, Second Edition, will take you on a fast-paced, hands-on journey through building your own maintainable React 16 applications.

Use React and React Native to build applications for desktop browsers, mobile browsers, and even as native mobile apps About This Book * Build React and React Native applications using familiar component concepts * Dive deep into each platform, from routing in React to creating native mobile applications that can run offline * Use Facebook's Relay, React and GraphQL technologies, to create a unified architecture that powers both web and native applications Who This Book Is For This book is written for any JavaScript developer-beginner or expert-who wants to start learning how to put both of Facebook's UI libraries to work. No knowledge of React is needed, though a working knowledge of ES2015 will help you follow along better. What You Will Learn * Craft reusable React components * Control navigation using the React Router to help keep your UI in sync with URLs * Build isomorphic web applications using Node.js * Use the Flexbox layout model to create responsive mobile designs * Leverage the native APIs of Android and iOS to build engaging applications with React Native * Respond to gestures in a way that's intuitive for the user * Use Relay to build a unified data architecture for your React UIs In Detail React and React Native allow you to build cross-platform desktop and mobile applications using Facebook's innovative UI libraries. Combined with the Flux data architecture and Relay, you can now create powerful and feature-complete applications from just one code base! This book is split into three parts. The first part shows you how to start crafting composable UIs using React, from rendering with JSX and creating reusable components through to routing and creating isomorphic applications that run on Node. We then move on to showing you how to take the concepts of React and apply them to building Native UIs using React Native. You'll find out how to build responsive and streamlined UIs that can properly handle user interactions in a mobile environment. You'll also learn how to access device-specific APIs such as the geolocation API, and how to handle offline development with React Native. Finally, we'll tie all of these skills together and shows you how you can create React applications that run on every major platform. As well as understanding application state in depth, you'll learn how to leverage Relay to make feature-complete, data-driven web and native mobile applications. Style and approach Split into three major sections to help organize your learning, this hands-on, code-first book will help you get up to speed with React and React Native-the UI framework that powers Netflix, Yahoo, and Facebook.

Create efficient and smart web applications with jQuery 3.0 using this step-by-step practical tutorial About This Book * Create a fully featured and responsive client-side application using jQuery * Explore all the latest features of jQuery 3.0 and code examples updated to reflect modern JavaScript environments * Develop high performance interactive pages Who This Book Is For This book is ideal for client-side JavaScript developers. You do need to have any previous experience with jQuery, although basic JavaScript programming knowledge is necessary. What You Will Learn * Create custom interactive elements for your web designs * Find out how to create the best user interface for your web applications * Use selectors in a variety of ways to get anything you want from a page when you need it * Master events to bring your web pages to life * Add flair to your actions with a variety of different animation effects * Discover the latest features available in jQuery with the latest update of this incredibly popular title * Using jQuery npm Packages In Detail If you are a web developer and want to create web applications that look good, are efficient, have rich user interfaces, and integrate seamlessly with any backend using AJAX, then this book is the ideal match for you. We'll show you how you can integrate jQuery 3.0 into your web pages, avoid complex JavaScript code, create brilliant animation effects for your web applications, and create a flawless app. We start by configuring and customising the jQuery environment, and getting hands-on with DOM manipulation. Next, we'll explore event handling advanced animations, creating optimised user interfaces, and building useful third-party plugins. Also, we'll learn how to integrate jQuery with your favourite back-end framework. Moving on, we'll learn how the ECMAScript 6 features affect your web development process with jQuery. we'll discover how to use the newly introduced JavaScript promises and the new animation API in jQuery 3.0 in great detail, along with sample code and examples. By the end of the book, you will be able to successfully create a fully featured and efficient single page web application and leverage all the new features of jQuery 3.0 effectively. Style and approach Create efficient client-side apps that look great and run seamlessly across all devices with this step-by-step practical guide. There are illustrative examples for those who need extra help to get started with jQuery web development.

Build better software with concurrent JavaScript programming, and unlock a more efficient and forward thinking approach to web development About This Book * Apply the core principles of concurrency to both browser and server side development * Explore the latest tools and techniques at the forefront of concurrent programming, including JavaScript promises, web workers, and generators * Learn how concurrent and parallel programming can help you tackle the challenges of fast, data heavy web development Who This Book Is For JavaScript Concurrency is written for any JavaScript developer who wants to learn how to write more efficient, powerful, and maintainable applications that utilize the latest developments in the JavaScript language. All aspects of concurrent, asynchronous, and parallel programming are covered from first principles and by the end of the book you'll be able to create a fully-worked application that leverages all the topics covered in the book. What You Will Learn * Understand exactly how JavaScript works in a web browser environment, and how these mechanisms power our event-driven JavaScript code * Use promises to turn complex synchronization scenarios into readable and maintainable values * Compute values lazily and avoid unnecessary memory allocations using generators. * Write concurrent code that doesn't feel like concurrent code by abstracting away boilerplate chores * Leverage true hardware parallelism with web workers to get a better performance * Get to grips with the NodeJS model of concurrency and learn why it's good for I/O-intensive web applications In Detail Concurrent programming may sound abstract and complex, but it helps to deliver a better user experience. With single threaded JavaScript, applications lack dynamism. This means that when JavaScript code is running, nothing else can happen. The DOM can't update, which means the UI freezes. In a world where users expect speed and responsiveness - in all senses of the word - this is something no developer can afford. Fortunately, JavaScript has evolved to adopt concurrent capabilities - one of the reasons why it is still at the forefront of modern web development. This book helps you dive into concurrent JavaScript, and demonstrates how to apply its core principles and key techniques and tools to a range of complex development challenges. Built around the three core principles of concurrency - parallelism, synchronization, and conservation - you'll learn everything you need to unlock a more efficient and dynamic JavaScript, to lay the foundations of even better user experiences. Throughout the book you'll learn how to put these principles into action by using a range of development approaches. Covering everything from JavaScript promises, web workers, generators and functional programming techniques, everything you learn will have a real impact on the performance of your applications. You'll also learn how to move between client and server, for a more frictionless and fully realized approach to development. With further guidance on concurrent programming with Node.js, JavaScript Concurrency is committed to making you a better web developer. The best developers know that great design is about more than the UI - with concurrency, you can be confident every your project will be expertly designed to guarantee its dynamism and power. Style and approach Beginning with the fundamentals of concurrency and how they apply to JavaScript development, the book then takes you through the relevant constructs that will help you implement concurrent code. You'll learn how even the most abstract and theoretical aspects of concurrent programming help you solve real world challenges, with clear and practical demonstrations that show you how concurrent JavaScript will make you a better developer.

Learn to build powerful and scalable applications with Flux, the architecture that serves billions of Facebook users every day About This Book * This the first resource dedicated to the new architectural pattern that powers Facebook * You'll learn all the tips and tricks you need to get the most out of Flux * Filled with practical, hands-on samples, you'll not only understand how Flux works, but will be able to start building Flux-powered applications straight away * Written by Adam Boduch, software architect at Virtustream (EMC), and author of JavaScript at Scale, JavaScript Concurrency, and jQuery UI Cookbook for Packt Publishing Who This Book Is For Are you trying to use React, but are struggling to get your head around Flux? Maybe you're tired of MV* spaghetti code at scale? Do you find yourself asking what the Flux?! Flux Architecture will guide you through everything you need to understand the Flux pattern, and design and build powerful web applications that rely on the Flux architecture. You don't need to know what Flux is or how it works to read along with the book. No knowledge of Flux's partner technology, ReactJS, is necessary to follow along, but it is recommended that you have a good working knowledge of JavaScript. What You Will Learn * Understand the Flux pattern and how it will impact your React applications * Build real-world applications that rely on Flux * Handle asynchronous actions in your application * Implement immutable stores with Immutable.js * Replace React.js with alternate View components such as jQuery and Handlebars * Test and benchmark your Flux architecture using Jest-Facebook's enhancement of the Jasmine library In Detail Whilst React has become Facebook's poster-child for clean, complex, and modern web development, it has quietly been underpinned by its simplicity. It's just a view. The real beauty in React is actually the architectural pattern that handles data in and out of React applications: Flux. With Flux, you're able to build data-rich applications that engage your users, and scale to meet every demand. It is a key part of the Facebook technology stack that serves billions of users every day. This book will start by introducing the Flux pattern and help you get an understanding of what it is and how it works. After this, we'll build real-world React applications that highlight the power and simplicity of Flux in action. Finally, we look at the landscape of Flux and explore the Alt and Redux libraries that make React and Flux developments easier. Filled with fully-worked examples and code-first explanations, by the end of the book, you'll not only have a rock solid understanding of the architecture, but will be ready to implement Flux architecture in anger. Style and approach This book is filled with practical, hands-on examples. You'll not only understand how Flux works, but will be able to start building Flux-powered applications straight away.

0

COM051390

Filled with a practical collection of recipes, jQuery UI Cookbook is full of clear, step-by-step instructions that will help you harness the powerful UI framework in jQuery. Depending on your needs, you can dip in and out of the Cookbook and its recipes, or follow the book from start to finish.If you are a jQuery UI developer looking to improve your existing applications, extract ideas for your new application, or to better understand the overall widget architecture, then jQuery UI Cookbook is a must-have for you. The reader should at least have a rudimentary understanding of what jQuery UI is, and have written some code that uses jQuery UI.