- Table View
- List View
React Anti-Patterns: Build efficient and maintainable React applications with test-driven development and refactoring
by Juntao QiuMaster efficient coding practices, address common anti-patterns, and construct scalable React apps with practical insights and techniquesKey FeaturesIdentify and address React anti-patterns while learning testing strategies and refactoring techniques for efficient codebasesExplore data modelling, design patterns, and state management in ReactEnhance code quality, maintainability, and scalability in React applicationsPurchase of the print or Kindle book includes a free PDF eBookBook DescriptionTake your React development skills to the next level by examining common anti-patterns with expert insights and practical solutions, to refine your codebases into sophisticated and scalable creations. Through this easy-to-follow guide, React Anti-Patterns serves as a roadmap to elevating the efficiency and maintainability of your React projects. You’ll begin by familiarizing yourself with the essential aspects of React before exploring strategies for structuring React applications and creating well-organized, modular, and easy-to-maintain codebases. From identifying and addressing common anti-patterns using refactoring techniques to harnessing the power of test-driven development (TDD), you’ll learn about the tools and techniques necessary to create reliable and robust tests. As you advance, you’ll get to grips with business logic and design patterns that offer solutions to prevalent challenges faced in React development. The book also offers insights into using composition patterns, such as code splitting and multiple entry points, to enhance the flexibility and modularity of your React applications, guiding you through end-to-end project implementation. By the end of this React book, you’ll be able to overcome common challenges and pitfalls to transform your React projects into elegant, efficient, and maintainable codebases.What you will learnFormulate comprehensive testing strategies and leverage testing framework capabilitiesImplement TDD practices to drive the development process and elevate code quality, especially in extensive React projectsUse design patterns effectively to create scalable and reusable React componentsApply established software design principles to craft resilient applications within ReactAchieve modularity and loose coupling in React codebases by mastering the separation of concernsEnsure clean code by adhering to software design best practices in React developmentWho this book is forThis book is for React developers of all skill levels who share a passion for crafting efficient and maintainable codebases. Whether you're a beginner who wants to establish a solid foundation or an experienced developer looking to refine your skills, this guide offers invaluable insights, practical solutions, and real-world examples to enable you to excel at building scalable, elegant, and high-performing React applications.
React Application Architecture for Production: Learn best practices and expert tips to deliver enterprise-ready React web apps
by Alan AlickovicA hands-on guide to help you develop skills and confidence in building and structuring React applications in a well-organized way using the best tools in the React ecosystemKey FeaturesDiscover solutions to complex problems faced while creating production-ready apps with ReactDevelop scalable React applications with Next.js using a step-by-step approach from analysis to deploymentGet an overview of the React ecosystem and identify the best tools to meet your app requirementsBook DescriptionBuilding large-scale applications in production can be overwhelming with the amount of tooling choices and lack of cohesive resources. To address these challenges, this hands-on guide covers best practices and web application development examples to help you build enterprise-ready applications with React in no time.Throughout the book, you'll work through a real-life practical example that demonstrates all the concepts covered. You'll learn to build modern frontend applications—built from scratch and ready for production. Starting with an overview of the React ecosystem, the book will guide you in identifying the tools available to solve complex development challenges. You'll then advance to building APIs, components, and pages to form a complete frontend app. The book will also share best practices for testing, securing, and packaging your app in a structured way before finally deploying your app with scalability in mind.By the end of the book, you'll be able to efficiently build production-ready applications by following industry practices and expert tips.What you will learnUse a good project structure that scales well with your applicationCreate beautiful UIs with Chakra UI and emotionConfigure a base Next.js app with static code analysis and Git hooksLearn to mock API endpoints for prototyping, local development and testingChoose an optimal rendering strategy in Next.js based on the page needsLearn to choose the best state management solution for given problemWrite unit tests, integration tests and e2e tests in your React ApplicationDeploy your React applications on VercelWho this book is forThis book is for intermediate-level web developers who already have a solid understanding of JavaScript, React, and web development in general and want to build large-scale React applications effectively. Beginner-level TypeScript experience, along with JavaScript and React, will be beneficial.
React Components
by Christopher PittExplore the power of React components for cutting-edge web development About This Book * Learn to build better websites by creating a variety of different components in React * Conceptualize the design and build maintainable web apps with the help of components * A fast-paced guide to help you learn about component-based development in React Who This Book Is For This book is ideal for developers who are familiar with the basics of React and are looking for a guide to building a wide range of components as well as develop component-driven UIs. What You Will Learn * How to structure an app into components Working with nested components * Work with nested components * Set up communication across components * Style the existing components * Work with Material Design as a component * Render components on the server * Make the best of design patterns * Make the app pluggable In Detail The reader will learn how to use React and its component-based architecture in order to develop modern user interfaces. A new holistic way of thinking about UI development will establish throughout this book and the reader will discover the power of React components with many examples. After reading the book and following the example application, the reader has built a small to a mid-size application with React using a component based UI architecture. The book will take the reader through a journey to discover the benefits of component-based user interfaces over the classical MVC architecture. Throughout the book, the reader will develop a wide range of components and then bring them together to build a component-based UI. By the end of this book, readers would have learned several techniques to build powerful components and how the component-based development is beneficial over regular web development. Style and approach This book is a compact, example-driven guide that provides a step-by-step approach.
React Cookbook: Create dynamic web apps with React using Redux, Webpack, Node.js, and GraphQL
by Carlos Santana RoldanOver 66 hands-on recipes that cover UI development, animations, component architecture, routing, databases, testing, and debugging with React Key FeaturesUse essential hacks and simple techniques to solve React application development challengesCreate native mobile applications for iOS and Android using React NativeLearn to write robust tests for your applications using Jest and EnzymeBook DescriptionToday'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.You'll see the fundamentals of Redux and find out how to implement animations. Then, you’ll learn how to create APIs with Node, Firebase, and GraphQL, and improve the performance of our application with Webpack 4.x. You'll find recipes on implementing server-side rendering, adding unit tests, and debugging. We also cover best practices to deploy a React application to production. Finally, you’ll learn how to create native mobile applications for iOS and Android using React Native.By the end of the 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.What you will learnGain the ability to wield complex topics such as Webpack and server-side renderingImplement an API using Node.js, Firebase, and GraphQLLearn to maximize the performance of React applicationsCreate a mobile application using React NativeDeploy a React application on Digital OceanGet to know the best practices when organizing and testing a large React applicationWho this book is forIf you’re a JavaScript developer who wants to build fast, efficient, scalable solutions, then you’re in the right place. Knowledge of React will be an advantage but is not required. Experienced users of React will be able to improve their skills.
React Cookbook: Recipes for Mastering the React Framework
by Dawn Griffiths David GriffithsReact helps you create and work on an app in just a few minutes. But learning how to put all the pieces together is hard. How do you validate a form? Or implement a complex multistep user action without writing messy code? How do you test your code? Make it reusable? Wire it to a backend? Keep it easy to understand? The React Cookbook delivers answers fast.Many books teach you how to get started, understand the framework, or use a component library with React, but very few provide examples to help you solve particular problems. This easy-to-use cookbook includes the example code developers need to unravel the most common problems when using React, categorized by topic area and problem.You'll learn how to:Build a single-page application in React using a rich UICreate progressive web applications that users can install and work with offlineIntegrate with backend services such as REST and GraphQLAutomatically test for accessibility problems in your applicationSecure applications with fingerprints and security tokens using WebAuthnDeal with bugs and avoid common functional and performance problems
React Design Patterns and Best Practices
by Michele BertoliBuild modular applications that are easy to scale using the most powerful components and design patterns that React can offer you right now About This Book • Dive into the core patterns and components of React.js in order to master your application's design • Improve their debugging skills using the DevTools • This book is packed with easy-to-follow examples that can be used to create reusable code and extensible designs Who This Book Is For If you want to increase your understanding of React and apply it to real-life application development, then this book is for you. What You Will Learn • Write clean and maintainable code • Create reusable components applying consolidated techniques • Use React effectively in the browser and node • Choose the right styling approach according to the needs of the applications • Use server-side rendering to make applications load faster • Build high-performing applications by optimizing components In Detail Taking a complete journey through the most valuable design patterns in React, this book demonstrates how to apply design patterns and best practices in real-life situations, whether that's for new or already existing projects. It will help you to make your applications more flexible, perform better, and easier to maintain – giving your workflow a huge boost when it comes to speed without reducing quality. We'll begin by understanding the internals of React before gradually moving on to writing clean and maintainable code. We'll build components that are reusable across the application, structure applications, and create forms that actually work. Then we'll style React components and optimize them to make applications faster and more responsive. Finally, we'll write tests effectively and you'll learn how to contribute to React and its ecosystem. By the end of the book, you'll be saved from a lot of trial and error and developmental headaches, and you will be on the road to becoming a React expert. Style and approach The design patterns in the book are explained using real-world, step-by-step examples. For each design pattern, there are hints about when to use it and when to look for something more suitable. This book can also be used as a practical guide, showing you how to leverage design patterns.
React Design Patterns and Best Practices: Design, build and deploy production-ready web applications using standard industry practices, 2nd Edition
by Carlos Santana RoldanBuild modular React web apps that are scalable, maintainable and powerful using design patterns and insightful practices Key Features Get familiar with design patterns in React like Render props and Controlled/uncontrolled inputs Learn about class/ functional, style and high order components with React Work through examples that can be used to create reusable code and extensible designs Book Description React is an adaptable JavaScript library for building complex UIs from small, detached bits called components. This book is designed to take you through the most valuable design patterns in React, helping you learn how to apply design patterns and best practices in real-life situations. You'll get started by understanding the internals of React, in addition to covering Babel 7 and Create React App 2.0, which will help you write clean and maintainable code. To build on your skills, you will focus on concepts such as class components, stateless components, and pure components. You'll learn about new React features, such as the context API and React Hooks that will enable you to build components, which will be reusable across your applications. The book will then provide insights into the techniques of styling React components and optimizing them to make applications faster and more responsive. In the concluding chapters, you'll discover ways to write tests more effectively and learn how to contribute to React and its ecosystem. By the end of this book, you will be equipped with the skills you need to tackle any developmental setbacks when working with React. You'll be able to make your applications more flexible, efficient, and easy to maintain, thereby giving your workflow a boost when it comes to speed, without reducing quality. What you will learn Get familiar with the new React features,like context API and React Hooks Learn the techniques of styling and optimizing React components Make components communicate with each other by applying consolidate patterns 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 optimizing components Who this book is for This book is for web developers who want to increase their understanding of React and apply it to real-life application development. Prior experience with React and JavaScript is assumed.
React Hooks in Action: With Suspense and Concurrent Mode
by John LarsenReact Hooks in Action teaches you to write fast and reusable React components using Hooks.Summary 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. About the technology Get started with React Hooks and you&’ll soon have code that&’s better organized and easier to maintain. React Hooks are targeted JavaScript functions that let you reuse and share functionality across components. Use them to split components into smaller functions, manage state and side effects, and access React features without classes—all without having to rearrange your component hierarchy. About the book React Hooks in Action teaches you to write fast and reusable React components using Hooks. You&’ll start by learning to create component code with Hooks. Next, you&’ll implement a resource booking application that demonstrates managing local state, application state, and side effects like fetching data. Code samples and illustrations make learning Hooks easy. What's inside Build function components that access React features Manage local, shared, and application state Explore built-in, custom, and third-party hooks Load, update, and cache data with React Query Improve page and data loading with code-splitting and React Suspense About the reader For beginning to intermediate React developers. About the author John Larsen has been a teacher and web developer for over 20 years, creating apps for education and helping students learn to code. He is the author of Get Programming with JavaScript. Table of Contents PART 1 1 React is evolving 2 Managing component state with useState hook 3 Managing component state with useReducer hook 4 Working with side effects 5 Managing component state with useRef hook 6 Managing application state 7 Managing performance with useMemo 8 Managing state with the Context API 9 Creating your own hooks 10 Using third party hooks PART 2 11 Code splitting with Suspense 12 Integrating data-fetching with Suspense 13 Experimenting with useTransition, useDeferredValue and SuspenseList
React Key Concepts: An in-depth guide to React's core features
by Maximilian SchwarzmüllerConfidently implement React in your next project with this in-depth overview of React's core features – now updated for React 19. Purchase of the print or Kindle book includes a free PDF ebook and bonus content from the author. Key FeaturesWork through clear, concise explanations of core React 19 functionalitiesComplete practical exercises that challenge you to build your own simple appsDiscover fullstack React with Next.js, React Server Components, Suspense, and moreBook DescriptionMaximilian Schwarzmüller is a bestselling instructor who has helped more than three million students worldwide learn how to code. His bestselling React video course, “React – The Complete Guide”, has over nine hundred thousand students on Udemy. Max has written this quick-start reference that distills the core concepts of React. Simple explanations, relevant examples, and step-by-step derivations make this guide the ideal resource for busy developers. In this second edition, Max guides you through changes brought by React 19, including the new use() hook, form actions, and how to think about React on the server. This book will support you through your next React projects in giving you a behind-the-scenes understanding of the framework – whether you've just finished Max's video course and are looking for a handy reference, or you’re using a variety of other learning materials and need a single study guide to bring everything together. You’ll find full solutions to all end-of-chapter quizzes and exercises in the book’s GitHub repository.What you will learnBuild modern, user-friendly, and reactive web appsCreate components and utilize props to pass data between themHandle events, perform state updates, and manage conditional contentAdd styles dynamically and conditionally for modern user interfacesUse advanced state management techniques such as React's Context APIUtilize React Router to render different pages for different URLsUnderstand key best practices and optimization opportunitiesLearn about React Server Components and Server ActionsWho this book is forThis React book is for developers who have prior experience with, or who are currently learning, the basics of React. You can use this book as a standalone resource to consolidate your understanding or as a companion guide to other courses. To get the most value from this book, you should have a basic understanding of the fundamentals of JavaScript, HTML, and CSS.
React Key Concepts: Consolidate your knowledge of React's core features
by Maximilian SchwarzmullerBuild the understanding, skills, and experience to confidently implement React in your next project with this fast-paced overview of React fundamentalsKey FeaturesA clear, concise explanation of core React 18 functionalities to promote quick, easy referenceGain a deep understanding of key React concepts with the help of step-by-step derivationsWork with practical exercises that challenge you to apply your new skills and build your own simple appsBook DescriptionAs the most popular JavaScript library for building modern, interactive user interfaces, React is an in-demand framework that'll bring real value to your career or next project. But like any technology, learning React can be tricky, and finding the right teacher can make things a whole lot easier.Maximilian Schwarzmuller is a bestselling instructor who has helped over two million students worldwide learn how to code, and his latest React video course (React — The Complete Guide) has over six hundred thousand students on Udemy.Max has written this quick-start reference to help you get to grips with the world of React programming. Simple explanations, relevant examples, and a clear, concise approach make this fast-paced guide the ideal resource for busy developers.This book distills the core concepts of React and draws together its key features with neat summaries, thus perfectly complementing other in-depth teaching resources. So, whether you've just finished Max's React video course and are looking for a handy reference tool, or you've been using a variety of other learning materials and now need a single study guide to bring everything together, this is the ideal companion to support you through your next React projects. Plus, it's fully up to date for React 18, so you can be sure you're ready to go with the latest version.What you will learnBuild modern, user-friendly, and reactive web appsCreate components and utilize props to pass data between themHandle events, perform state updates, and manage conditional contentApply styles dynamically and conditionally to create a modern UIUse advanced state management techniques such as React's context APIUtilize React router to render different pages for different URLsUnderstand key best practices and optimization opportunitiesWho this book is forThis React book is for developers who have prior experience with, or who are currently learning, the basics of React. You can use this book as a standalone resource to consolidate your understanding or as a companion guide to a more in-depth course. To get the most value from this book, you should have a basic understanding of the fundamentals of JavaScript, HTML, and CSS.
React Native Blueprints: Create eight exciting native cross-platform mobile applications with JavaScript
by Emilio Rodriguez MartinezDevelop real world Android and iOS applications with the power of React native. About This Book • Build quirky and fun projects from scratch and become efficient with React Native • Learn to build professional Android and iOS applications with your JavaScript skills • Use Isomorphic principles to build mobile apps that offer a native user experience Who This Book Is For This book is for developers who want to use their JavaScript knowledge for mobile development. Prior knowledge of React will be beneficial. What You Will Learn • Structure React Native projects to ease maintenance and extensibility • Optimize a project to speed up development • Make a React Native project production-ready • Use external modules to speed up the development and maintenance of your projects • Explore the different UI and code patterns to be used for iOS and Android • Get to know the best practices when building apps in React Native In Detail Considering the success of the React framework, Facebook recently introduced a new mobile development framework called React Native. With React Native's game-changing approach to hybrid mobile development, you can build native mobile applications that are much more powerful, interactive, and faster by using JavaScript This project-based guide takes you through eight projects to help you gain a sound understanding of the framework and helps you build mobile apps with native user experience. Starting with a simple standalone groceries list app, you will progressively move on to building advanced apps by adding connectivity with external APIs, using native features, such as the camera or microphone, in the mobile device, integrating with state management libraries such as Redux or MobX, or leveraging React Native's performance by building a full-featured game. This book covers the entire feature set of React Native, starting from the simplest (layout or navigation libraries) to the most advanced (integration with native code) features. By the end of this book, you'll be able to build professional Android and iOS applications using React Native. Style and approach This project-based guide consists of 8 projects. Each project is a standalone project that covers the core techniques and concepts in each project.
React Native By Example
by Richard KhoLeverage the full potential of the React Native framework to build and deploy your own native mobile applications for iOS and Android About This Book • Work on native APIs and UI Elements using React Native • Get the best of both worlds: the power of native approach and the fluidity of JavaScript • Create increasingly complex real-world applications and dive deeper into React Native Who This Book Is For If you are keen on learning to use the revolutionary mobile development tool React Native to build native mobile applications, then this book is for you. Prior experience with JavaScript would be useful. What You Will Learn • How to create mobile-performant iOS and Android apps using JavaScript and React • The potential of each API and component, putting them into practice throughout the course of three projects • The process of integrating the Facebook SDK to build an app that connects to third-party data • Every step taken to implement Redux, a popular state management library, in your mobile apps • The requirements for building and deploying your apps to market, with detailed instructions on how to release and beta test apps on both the Apple App Store and Google Play In Detail React Native's ability to build performant mobile applications with JavaScript has resulted in its popularity amongst developers. Developers now have the luxury to create incredible mobile experiences that look and feel native to their platforms with the comfort of a well-known language and the popular React.js library. This book will show you how to build your own native mobile applications for the iOS and Android platforms while leveraging the finesse and simplicity of JavaScript and React. Throughout the book you will build three projects, each of increasing complexity. You will also link up with the third-party Facebook SDK, convert an app to support the Redux architecture, and learn the process involved in making your apps available for sale on the iOS App Store and Google Play. At the end of this book, you will have learned and implemented a wide breadth of core APIs and components found in the React Native framework that are necessary in creating great mobile experiences. Style and approach Start building applications immediately using featured examples through an easy-to-follow approach. The book is based on three concrete projects with increasing levels of difficulty. Each chapter will introduce you to new and practical concepts and techniques, with the intent that you will be able to apply them in your own projects later.
React Native Cookbook
by Crysfel Villa Stan BershadskiyThis book is for web developers who are familiar with React.js and know basics of UI development. You may or may not have used React Native before, but it’s ideal for you if you want to develop native applications for iOS and Android using React Native. Existing knowledge of JavaScript ES2015 is highly recommended.
React Native Cookbook - Second Edition: Step-by-step recipes for solving common React Native development problems, 2nd Edition
by Dan WardIf you're a JavaScript developer who needs a hands-on solutions guide for developing mobile applications with React Native, then this book is for you.
React Native Cookbook: Bringing the Web to Native Platforms
by Jonathan LebensoldTackling an app development project on multiple platforms is no simple task. When time is in short supply and customers need access from the tap of a home screen, React Native can provide a lean development team with the tools needed to deliver a multi-platform native experience without juggling multiple programming languages and shifting code bases. React Native is an emerging technology and best practices are only beginning to bubble up.Fortunately, a growing user community—from tech giants such as Facebook, Yahoo, and Airbnb to the independent developers—is hard at work codifying patterns and best practices for how to use React Native. This cookbook is another milestone on that journey.Aimed at people with some JavaScript and web development experience, the first part of this cookbook covers some simple tips for getting started with React Native. Part 2 will cover some emerging patterns that are commonly found in most native applications.
React Native for Mobile Development: Harness the Power of React Native to Create Stunning iOS and Android Applications
by Abhishek Nalwaya Akshat PaulDevelop native iOS and Android apps with ease using React Native. Learn by doing through an example-driven approach, and have a substantial running app at the end of each chapter. This second edition is fully updated to include ES7 (ECMAScript 7), the latest version of React Native (including Redux), and development on Android. You will start by setting up React Native and exploring the anatomy of React Native apps. You'll then move on to Redux data flow, how it differs from flux, and how you can include it in your React Native project to solve state management differently and efficiently. You will also learn how to boost your development by including popular packages developed by the React Native community that will help you write less; do more. Finally, you'll learn to how write test cases using Jest and submit your application to the App Store. React Native challenges the status quo of native iOS and Android development with revolutionary components, asynchronous execution, unique methods for touch handling, and much more. This book reveals the the path-breaking concepts of React.js and acquaints you with the React way of thinking so you can learn to create stunning user interfaces. What You'll LearnBuild stunning iOS and Android applicationsUnderstand the Redux design pattern and use it in your projectInteract with iOS and android device capabilities such as addressbook, camera, GPS and more with your appsTest and launch your application to the App StoreWho This Book Is ForAnyone with JavaScript experience who wants to build native mobile applications but dreads the thought of programming in Objective-C or Java. Developers who have experience with JavaScript but are new or not acquainted to React Native or ReactJS.
React Native for iOS Development
by Abhishek Nalwaya Akshat PaulThis book is your hands-on guide to developing native iOS apps with ease. With React Native for iOS Development you'll challenge the status quo of native iOS development with revolutionary components, asynchronous execution, unique methods for touch handling, and much more. You will begin by understanding the path breaking concepts of React. js, which makes it distinctive. You will set up React Native and begin exploring the anatomy of React Native apps. You'll also learn about flux architecture, how it differs from MVC, and how you can include it in your React Native project to solve problems differently and efficiently. Next, you will learn to create stunning user interfaces and interact with various device capabilities. You will then boost your development by including some popular packages already developed by the React Native community that will helps you write less but do more. Finally, you'll learn to how write test cases and submit your application to App Store. Using real-world examples with an example-driven approach, you will learn by doing and have a running app at the end of each chapter. Start using React Native for your iOS development using this book today. What you'll learn How to use React Native to build stunning iOS applications Understand the Flux design pattern and use it in your project Interact with iOS device capabilities such as addressbook, camera, GPS, and more How to test and launch your application to appstore Who this book is for This book is for people with existing web experience in JavaScript who want to build gorgeous native apps with the ease of the React Native framework. This book introduces developers who have experience with JavaScript but are new to or not acquainted with React Native or ReactJS. Table of Contents 1. Learning the basics: Whistle-top tour of React 2. The simplest program: Hello World with React Native 3. Solving problems differently: Flux design pattern 4. A canvas, brush & Paint: Working with User interface 5. Device capabilities 6. Communicating with Servers 7. React-Native supplements
React Native in Action: Developing iOS and Android apps with JavaScript
by nader dabitSummaryReact 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.Purchase of the print book includes a free eBook in PDF, Kindle, and ePub formats from Manning Publications.About the TechnologyReact Native gives mobile and web developers the power of "and." Write your app once and easily deploy it to iOS and Android and the web. React Native apps compile into platform-specific code, reducing development time, effort, and cost! And because you're using JavaScript and the React framework, you benefit from a huge ecosystem of tools, expertise, and support.About the BookReact Native in Action teaches you to build high-quality cross-platform mobile and web apps. In this hands-on guide, you'll jump right into building a complete app with the help ofclear, easy-to-follow instructions. As you build your skills, you'll drill down to more-advanced topics like styling, APIs, animations, data architecture, and more! You'll also learn how to maximize code reuse without sacrificing native platform look-and-feel.What's InsideBuilding cross-platform mobile and web appsRouting, Redux, and animationsCross-network data requestsStoring and retrieving data locallyManaging data and stateAbout the ReaderWritten for beginner-to-intermediate web, Android, and iOS developers.About the AuthorsNader Dabit is a developer advocate at AWS Mobile, where he works on tools and services to allow developers to build full-stack web and mobile applications using their existing skillset. He is also the founder of React Native Training and the host of the "React Native Radio" podcast.Table of ContentsPART 1 Getting started with React NativeGetting started with React NativeUnderstanding ReactBuilding your first React Native appPART 2 Developing applications in React NativeIntroduction to stylingStyling in depthNavigationAnimationsUsing the Redux data architecture libraryPART 3 API referenceImplementing cross-platform APIsImplementing iOS-specific components and APIsImplementing Android-specific components and APIsPART 4 Bringing it all togetherBuilding a Star Wars app using cross-platform components
React Projects: Build 12 real-world applications from scratch using React, React Native, and React 360
by Roy DerksBuild cross-platform applications of varying complexity for the web, mobile, and VR devices using React tooling Key Features Build React applications at scale using effective React patterns and best practices Explore React features such as Hooks, the Context API, and the Suspense API Extend React's integration with React Native for building cross-platform mobile apps and games Book Description Developed by Facebook, React is a popular library for building impressive user interfaces. React extends its capabilities to the mobile platform using the React Native framework and integrates with popular web and mobile tools to build scalable applications. React Projects is your guide to learning React development by using modern development patterns and integrating React with powerful web tools such as GraphQL, Expo, and React 360. You'll start building a real-world project right from the first chapter and get hands on with developing scalable applications as you advance to building more complex projects. Throughout the book, you'll use the latest versions of React and React Native to explore features such as Higher Order Components (HOC), Context, and Hooks on multiple platforms, which will help you build full stack web and mobile applications efficiently. Finally, you'll delve into unit testing with Jest to build test-driven apps. By the end of this React book, you'll have developed the skills necessary to start building scalable React apps across web and mobile platforms. What you will learn Create a wide range of applications using various modern React tools and frameworks Discover how React Hooks modernize state management for React apps Develop progressive web applications using React components Build test-driven React applications using the Jest and Enzyme frameworks Understand full stack development using React, Apollo, and GraphQL Perform server-side rendering using React and React Router Design gestures and animations for a cross-platform game using React Native Who this book is for The book is for JavaScript developers who want to explore React tooling and frameworks for building cross-platform applications. Basic knowledge of web development, ECMAScript, and React will assist with understanding key concepts covered in this book.
React Projects: Build advanced cross-platform projects with React and React Native to become a professional developer, 2nd Edition
by Roy Derks Kevin GoldsmithLearn how to develop real-world applications of varying complexity for the web, mobile, and VR devices using React, React Native, React 360, and moreKey FeaturesBuild React applications at scale using React patterns and best practicesExplore React features such as Hooks, the Context API, and the Suspense APIExtend React's integration with React Native for building cross-platform mobile apps and gamesBook DescriptionDeveloped by Facebook, React is a popular library for building impressive user interfaces. React extends its capabilities to mobile platforms using the React Native framework and integrates with popular web and mobile tools to build scalable applications.React Projects is your guide to learning React development by using modern development patterns and integrating React with powerful web tools, such as GraphQL, Expo, and React 360. You'll start building a real-world project right from the first chapter and get hands-on with developing scalable applications as you advance to building more complex projects. Throughout the book, you'll use the latest versions of React and React Native to explore features such as routing, Context, and Hooks on multiple platforms, which will help you build full-stack web and mobile applications efficiently. Finally, you'll get to grips with unit testing with Jest and end-to-end testing with Cypress to build test-driven apps.By the end of this React book, you'll have developed the skills necessary to start building scalable React apps across web and mobile platforms.What you will learnCreate a wide range of applications using various modern React tools and frameworksDiscover how React Hooks modernize state management for React appsDevelop web applications using styled and reusable React componentsBuild test-driven React applications using Jest, React Testing Library, and CypressUnderstand full-stack development using GraphQL, Apollo, and ReactPerform server-side rendering using React and Next.jsCreate animated games using React Native and ExpoDesign gestures and animations for a cross-platform game using React NativeWho this book is forThe book is for JavaScript developers who want to explore React tooling and frameworks for building cross-platform applications. Basic knowledge of web development, ECMAScript, and React will assist with understanding key concepts covered in this book.
React Quickly, Second Edition
by Azat Mardan Morten BarklundLearn 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. About the technology React makes it a breeze to build beautiful, reliable web frontends. This amazing JavaScript library has a modular architecture, so you can create, combine, and test components seamlessly. React is perfect for small prototypes, enterprise scale sites, and everything in between. About the book React Quickly, Second Edition offers a unique approach to learning the React framework. More than 80 concise examples guide you from your first steps through advanced applications. You&’ll appreciate the up-to-date coverage of functional components, React hooks, and web accessibility, along with interesting projects to practice your new skill. What's inside Master React fundamentals Best practices of component-based design Create dynamic components with JSX Make your app interactive with stateful components About the reader For developers comfortable building web applications with JavaScript. About the author Morten Barklund is an expert in React, web testing, and accessibility and is the founder of Coding Heaven. Azat Mardan is a seasoned software engineer, startup mentor, and best-selling author. Table of Contents 1 Meeting React 2 Baby steps with React 3 Introduction to JSX 4 Functional Components 5 Making React interactive with states 6 Effects and the React component life cycle 7 Hooks to fuel your web applications 8 Handling events in React 9 Working with forms in React 10 Advanced React hooks for scaling 11 Project: Website menu 12 Project: Timer 13 Project: Task manager
React Quickly: Painless web apps with React, JSX, Redux, and GraphQL
by Azat MardanSummaryReact Quickly is for anyone who wants to learn React.js fast. This hands-on book teaches you the concepts you need with lots of examples, tutorials, and a large main project that gets built throughout the book. Purchase of the print book includes a free eBook in PDF, Kindle, and ePub formats from Manning Publications.About the TechnologySuccessful user interfaces need to be visually interesting, fast, and flowing. The React.js JavaScript library supercharges view-heavy web applications by improving data flow between UI components. React sites update visual elements efficiently and smoothly, minimizing page reloads. React is developer friendly, with a strong ecosystem to support the dev process along the full application stack. And because it's all JavaScript, React is instantly familiar. About the BookReact Quickly is the tutorial for web developers who want to get started fast with React.js. Following carefully chosen and clearly explained examples, you'll learn React development using your existing JavaScript and web dev skills. You'll explore a host of different projects as you learn about web components, forms, and data. What's InsideMaster React fundamentalsBuild full web apps with data and routingTest componentsOptimize React appsAbout the Reader This book is for developers comfortable building web applications with JavaScript. About the AuthorAzat Mardan is a Tech Fellow at Capital One with extensive experience using and teaching JavaScript and Node, and author of several books on JavaScript, Node, React, and Express.Table of ContensPART 1 - REACT FOUNDATIONMeeting ReactBaby steps with ReactIntroduction to JSXMaking React interactive with statesReact component lifecycle eventsHandling events in ReactWorking with forms in ReactScaling React componentsProject: Menu componentProject: Tooltip componentProject: Timer componentPART 2 - REACT ARCHITECTURE The Webpack build toolReact routingWorking with data using ReduxWorking with data using GraphQLUnit testing React with JestReact on Node and Universal JavaScriptProject: Building a bookstore with React RouterProject: Checking passwords with JestProject: Implementing autocomplete with Jest, Express, and MongoDBAPPENDIXESAppendix A - Installing applications used in this bookAppendix B - React cheatsheetAppendix C - Express.js cheatsheetAppendix D - MongoDB and Mongoose cheatsheetAppendix E - ES6 for success
React Router Quick Start Guide: Routing in React applications made easy
by Sagar GanatraLearn how you can implement routing in a React Web/Native application using React-Router libraryKey FeaturesCreate nested routes and complex workflows for your applicationsLearn Routing in server-side rendered applications and in Native mobile applicationsUnderstand how Redux bindings for React-Router works using the connected-react-router libraryBook DescriptionReact 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.The book starts with an introduction to React Router and teaches you how to create your first route using the React component. You will then learn about configuring your routes, passing parameters, and creating nested routes. You will be introduced to various components in React-Router and learn different configuration options available for these components. You will then see how to use the Redirect and Switch components. For even greater flexibility, you will learn about BrowserRouter, HashRouter, NativeRouter, and StaticRouter.By the end of the book, you will have set up a project with React Router and make routing configuration work in a server-side rendered React application, a mobile application built with React Native and also understand how Redux and React-Router can be used in the same application.What you will learnCreate your first Route using the Route componentProtect routes from unauthorized access by using the redirect componentNavigate to your defined route using Link and NavLinkConfigure BrowserRouter and HashRouter using various propsUse StaticRouter for routing in server-side rendered React applicationsImplement routing in a React Native app using react-router-nativeUsing connected-react-router library with React-Router for better state managementWho this book is forThis book is for JavaScript developers who have basic knowledge of React and who want to harness the power and flexibility of React Router
React and React Native: Complete guide to web and native mobile development with React, 2nd Edition
by Adam BoduchBuild applications for web and native mobile platforms with React, JSX, Redux, and GraphQLKey FeaturesExplore how functional web development works with React, Redux, and React NativeBuild apps with unified architecture with Facebook's React, Relay, and GraphQLUnderstand the platform in-depth, from routing to server-side rendering Book DescriptionThis books takes you through using React 16 and React Native 0.5 to create powerful and engaging desktop mobile and native applications for all platforms.You start by learning how to craft composable UIs using React, ranging from rendering with JSX and creating reusable components to routing and creating isomorphic applications that run on Node.js.We then move on to show 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. You will master handling application state, Unified Information Architecture, and using Flux, Redux, and Relay. Towards the end of the book, you will learn how Flux ideas are encapsulated within React components using Relay and apply all the skills learned so far to create a React application that runs on every major platform.What you will learnLearn what has changed in React 16 and how you stand to benefitCraft reusable components using the React virtual DOM Learn how to use the new create-react-native-app command line toolAugment React components with GraphQL for data using RelayHandle state for architectural patterns using FluxBuild an application for web UIs using Relay Who this book is forThis 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 ES2017 will help you follow along better.
React and Libraries: Your Complete Guide to the React Ecosystem
by Elad ElromHarness the power of React and the related libraries that you need to know to deliver successful front-end implementations. Whether you are a beginner getting started or an existing React developer, this book will provide you with the must-have knowledge you need in your toolbox to build a complete app. Start by learning how to create and style your own components, add state management, and manage routing. You’ll also learn how to work with the backend using the MERN stack (MongoDB, Express, React, and Node.js). Once you have completed building your app you will learn how to deliver quality software by conducting unit testing, integration testing, and end-to-end (E2E) testing, as well as learn techniques to debug, profile, and optimize your React app. Libraries and tools covered include TypeScript, Material-UI, Styled Components, SCSS, React Router, Redux Toolkit, Recoil, Jest, Enzyme, Sinon, MongoDB, NodeJS, Express, Serve, Grunt, Puppeteer, ESLint, Prettier and many others. And, you'll get access to bonus material and learn how to conduct and nail React interview questions. Each chapter in this book can be used independently so you can pick and choose the information you’d like to learn. Use it to get deep into your React development world and find out why React has been rated the most loved framework by front-end developers for three years in a row. What You'll LearnReview the basics of DOM, React Virtual DOM, JSX, Babel, ES5/ES6, CRA, package manager, Yarn, Webpack, and build toolsWrite your own custom React components and learn about hooks and props.Apply routing and state management with React Route, Recoil, and Redux ToolkitDeliver quality software and reduce QA load by learning unit testing integration testing and end-to-end testing with libraries such as Jest, Jest-dom, Enzyme, Sinon, and PuppeteerSet an ultimate React automated development and CI cycle with ESLint, Prettier, Husky, Jest, Puppeteer, GitHub Actions, Codecov.io, Coveralls, Travis, and DeepScanPublish your code on Ubuntu Server with the help of GruntOptimize your React app with pure components, lazy loading, prerender, precache, code splitting, tree shaking, reduce media size, and prefetching Who This Book Is For? This book is for new developers looking to start working on React applications, and React developers looking to expand on their existing knowledge. It is also suitable for developers coming from other front-end frameworks such as Angular and Vue who would like to add React to their toolbox.