Apply functional Reactive programming for simple and scalable state management with MobX Key Features The easiest way to learn MobX to enhance your client-side state-management Understand how the concepts and components fit together Work through different state management scenarios with MobX Book Description MobX is a simple and highly scalable state management library in JavaScript. Its abstractions can help you manage state in small to extremely large applications. However, if you are just starting out, it is essential to have a guide that can help you take the first steps. This book aims to be that guide that will equip you with the skills needed to use MobX and effectively handle the state management aspects of your application. You will first learn about observables, actions, and reactions: the core concepts of MobX. To see how MobX really shines and simplifies state management, you'll work through some real-world use cases. Building on these core concepts and use cases, you will learn about advanced MobX, its APIs, and libraries that extend MobX. By the end of this book, you will not only have a solid conceptual understanding of MobX, but also practical experience. You will gain the confidence to tackle many of the common state management problems in your own projects. What you will learn Explore the fundamental concepts of MobX, such as observables, actions, and reactions Use observables to track state and react to its changes with validations and visual feedback (via React Components) Create a MobX observable from different data types Define form data as an observable state and tackle sync and async form validations Use the special APIs to directly manipulate observables, tracking its changes, and discovering the reasons behind a change Tackle any state management issue you may have in your app by combining mobx-utils and mobx-state-tree Explore the internals of the MobX reactive system by diving into its inner workings Who this book is for This book is for web developers who want to implement easy and scalable state management for their apps. Knowledge of HTML, CSS, and JavaScript is assumed

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

Create large-scale web applications with code that is extensible and easy to understand using React Hooks Key FeaturesExplore effective strategies for migrating your state management from Redux and MobX to React HooksIntegrate Hooks with React features such as Context and Suspense to add advanced functionality to your web appsCreate complex applications by combining multiple hooksBook Description React Hooks revolutionize how you manage state and effects in your web applications. They enable you to build simple and concise React.js applications, along with helping you avoid using wrapper components in your applications, making it easy to refactor code. This React book starts by introducing you to React Hooks. You will then get to grips with building a complex UI in React while keeping the code simple and extensible. Next, you will quickly move on to building your first applications with React Hooks. In the next few chapters, the book delves into various Hooks, including the State and Effect Hooks. After covering State Hooks and understanding how to use them, you will focus on the capabilities of Effect Hooks for adding advanced functionality to React apps. You will later explore the Suspense and Context APIs and how they can be used with Hooks. Toward the concluding chapters, you will learn how to integrate Redux and MobX with React Hooks. Finally, the book will help you develop the skill of migrating your existing React class components, and Redux and MobX web applications to Hooks. By the end of this book, you will be well-versed in building your own custom Hooks and effectively refactoring your React applications. What you will learnUnderstand the fundamentals of React Hooks and how they modernize state management in React appsBuild your own custom Hooks and learn how to test themUse community Hooks for implementing responsive design and moreLearn the limitations of Hooks and what you should and shouldn’t use them forGet to grips with implementing React context using HooksRefactor your React-based web application, replacing existing React class components with HooksUse state management solutions such as Redux and MobX with React HooksWho this book is for This book is for React developers who want to learn how to build applications with Hooks. Developers who are looking to migrate to React for its advanced feature set and capabilities will also find the book useful.

Make fact-based decisions by comparing different solutions and learning popular ways to manage state in React Native with clear guidelines and recommendations by a React Native expert Key FeaturesExplore the big picture of state management in React Native using the most simplified versionImplement state management solutions by building a social media clone appCompare different state solutions in a contained environment to choose the best fit for your future projectsBook Description Managing state in a React Native app can be challenging as it is one of the most difficult concepts to grasp while learning React Native. This is because there are so many ways to do it, and because there is a lack of clear guidelines on what should be used and why. Simplifying State Management in React Native is a comprehensive introduction for those who are new to creating robust React Native apps that will have you up to speed in no time. You'll get to grips with the different state management strategies and libraries available. As you progress through the chapters, you'll try out different solutions, as well as compare and choose which solution is perfectly suited to your future projects and personal preferences. Finally, you'll create a social media clone app using all the concepts and examples that you've learned in this book. By the end of this book, you'll be able to take on existing projects that use various state management strategies and libraries, and confidently make decisions about state management. What you will learnStart out by going over the basic ReactJS “mindset”Explore all that ReactJS has to offer to manage state in apps by building an appUnderstand existing state management libraries such as Redux, MobX, XState, Jotai, and React QueryDecide which libraries you want to use in your appsDesign a social media app to fully understand state managementTry out all the solutions presented in the book in a social media clone appWho this book is for This book is for junior developers, React Native developers, and mobile app developers who are already using React Native, but are also on the lookout for advice and for a broader view to manage the state and changes in their applications. Basic knowledge of ReactJS and React Native, as well as familiarity with JavaScript and general mobile app development concepts are needed to grasp the topics covered in this book.

Integrate Redux with React and other front-end JavaScript frameworks efficiently and manage application states effectively Key FeaturesGet better at building web applications with state management using ReduxLearn the fundamentals of Redux to structure your app more efficientlyThis guide will teach you develop complex apps that would be easier to maintainBook Description Starting with a detailed overview of Redux, we will follow the test-driven development (TDD) approach to develop single-page applications. We will set up JEST for testing and use JEST to test React, Redux, Redux-Sage, Reducers, and other components. We will then add important middleware and set up immutableJS in our application. We will use common data structures such as Map, List, Set, and OrderedList from the immutableJS framework. We will then add user interfaces using ReactJS, Redux-Form, and Ant Design. We will explore the use of react-router-dom and its functions. We will create a list of routes that we will need in order to create our application, and explore routing on the server site and create the required routes for our application. We will then debug our application and integrate Redux Dev tools. We will then set up our API server and create the API required for our application. We will dive into a modern approach to structuring our server site components in terms of Model, Controller, Helper functions, and utilities functions. We will explore the use of NodeJS with Express to build the REST API components. Finally, we will venture into the possibilities of extending the application for further research, including deployment and optimization. What you will learnFollow the test-driven development (TDD) approach to develop a single-page applicationAdd important middleware, such as Redux store middleware, redux-saga middleware, and language middleware, to your applicationUnderstand how to use immutableJS in your applicationBuild interactive components using ReactJSConfigure react-router-redux and explore the differences between react-router-dom and react-router-reduxUse Redux Dev tools to debug your applicationSet up our API server and create the API required for our applicationWho this book is for This book is meant for JavaScript developers interesting in learning state management and building easy to maintain web applications.

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

The Road to Firebase is your personal journey to master advanced React for business web applications in JavaScript whereas Firebase is used to replace everything that you would want from a backend application. Firebase enables you to connect your React application to a database, to authenticated users with your application with a login, logout and register mechanisms, and to authorize only certain users to access your application. It also comes with hosting capabilities and with social logins via Google, Facebook and more. Everything will be explained in the book while building a business web application yourself. I wrote the The Road to React with Firebase over the last two years. During this time, I came to understand the practical genius of Firebase, and how it dramatically reduces the tech stack to focus on getting sh*t done. Once you have set up your starter kit project -- that's what we are going to do together in this book -- you are ready to iterate fast on your personal ideas. There is no need to complicate things by adding a backend application with a database to your frontend application, because Firebase takes care of it with a well-designed API. I applied the same principles as my other books: Stay pragmatic Keep it simple Answer the why, not just the how Experience a problem, solve a problem This book is not intended to be an end-all reference for the Firebase API nor an in-depth guide about the internals of Firebase. Instead, its purpose is to journey through learning Firebase with React the pragmatic way, building an entire application on this tech stack yourself. The end result is the foundation to make your business application a reality. Requirements To get the most out of this book, you should be familiar with the basics of web development, which includes knowledge of HTML, CSS and JavaScript. You will also need to be familiar with the term API, because APIs are used frequently for the applications in this book. Editor/Terminal or IDE For the development environment, use a running editor/terminal (command line tool) or IDE with integrated terminal. I will provide a setup guide if you're unsure about which tools to use. The guide is set up for MacOS users, but you can find a Windows setup guide there as well. Node and NPM You will need to have node and npm installed, which are used to run the applications we'll build and manage the libraries we'll use along the way. In this book, you will install external node packages via npm (node package manager). These node packages can be libraries or whole frameworks. You can verify which node and npm versions you have in the command line: node --version v10.11.0 npm --version v6.5.0 These are the versions used for this publication. If you don't see output in your terminal, you will need to install node and npm. React My other book, called The Road to learn React, teaches the fundamentals about React by building a real world application. It is available for free, and after having read it, you should possess all the understanding necessary to work with the application(s) from this book. Also there will be many sidenotes to React articles that may be helpful.