Mobx Quick Start Guide

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

The book dives deeply into state management in React. You will learn everything about React's local state and state management with Redux and MobX. It comes with a lot of best practices, techniques and concepts. Along the way you will have practical hands on experiences by building own applications. The book turned out to exceed all my expectations. What started as an attempt to write a introductory book about state management in React with Redux, turned out into a full blown 250-page book which showcases MobX as alternative state management library, implements exciting applications along the way and has boilerplate projects to get you started in learning and building applications with these libraries. The bigger idea was to write a book which gives learners a consistent way to study the topic state management. I had the feeling that there exist way too many, partly inconsistent or outdated, tutorials around these topics and it is hard for learners to choose from so many opportunities. I thought, one well structured book should help newcomers to get started easily in the topic of state management with React's local state, Redux and MobX. Afterward, everyone should be on one well set level to build his/her own applications with Redux or MobX. The book teaches you how to use local state in React and scaling React applications with advanced practices, patterns and techniques. Afterward, the ebook dives into learning Redux and MobX as libraries for state management. These libraries are taught from scratch without React but in combination with React later on. However, all these learnings are not necessarily bound to React as view layer library. They can be applied in other view layer (component based) libraries, such as Vue.js, or single page application (SPA) frameworks, such as Angular.js, too. If you are new to React and want to learn React before, I recommend you to read the up to date book The Road to learn React. Due to Redux's popularity, the book teaches more about Redux than MobX. But it is planned to grow the MobX part too, because I am really into that library as well. For both state management libraries, Redux and MobX, you will learn to use them standalone, to connect them to React applications in multiple ways, and to apply best practices, patterns and tricks to scale them in larger applications. You will learn about using JavaScript ES6 to keep your state immutable, middleware in Redux, and flat and normalized state structures. Afterward, the terms actions, reducers, store(s), connected components and so on, will not be foreign subjects to you anymore. After reading the book, I believe you are ready to build your own applications in any (view layer) library or SPA framework of your choice with Redux or MobX. But when using React, you are setup with advanced knowledge about React's local state to use it in larger 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.

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.

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.

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.

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.

Summary React Native in Action gives iOS, Android, and web developers the knowledge and confidence they need to begin building high-quality iOS and Android apps using the React Native framework. Purchase of the print book includes a free eBook in PDF, Kindle, and ePub formats from Manning Publications. About the Technology React 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 Book React 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 Inside Building cross-platform mobile and web apps Routing, Redux, and animations Cross-network data requests Storing and retrieving data locally Managing data and state About the Reader Written for beginner-to-intermediate web, Android, and iOS developers. About the Authors Nader 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 Contents PART 1 Getting started with React Native Getting started with React Native Understanding React Building your first React Native app PART 2 Developing applications in React Native Introduction to styling Styling in depth Navigation Animations Using the Redux data architecture library PART 3 API reference Implementing cross-platform APIs Implementing iOS-specific components and APIs Implementing Android-specific components and APIs PART 4 Bringing it all together Building a Star Wars app using cross-platform components