Call : (+91) 968636 4243
Mail : info@EncartaLabs.com
EncartaLabs

MobX

( Duration: 5 Days )

MobX React is a popular, high-performance JavaScript library for building fast, composable user interfaces. The MobX library is a variant form of the Flux pattern, providing state management for React applications using functional reactive programming. The MobX training course teaches experienced JavaScript developers the skills needed to immediately implement React/MobX in their applications.

By attending MobX workshop, delegates will learn to:

  • Understand what React and MobX are and what problems they solve.
  • Gain a deeper knowledge of ES2017 and JSX.
  • Learn how to integrate React and MobX.
  • Implement unit tests for React components and MobX stores.
  • Learn React and MobX best practices.

  • Experience in JavaScript

COURSE AGENDA

1

Introduction

  • Modern Web Development
  • What is React? What problem does it solve?
  • What is MobX? What problem does it solve?
2

ES2017 and JSX

  • ES2017 features which impact React and MobX
    • Classes
    • Modules
    • Spreads
    • Class Properties
    • Do Expressions
    • Decorators
  • How to create components with ES2017
  • Using Babel for ES2017 and JSX
  • Using WebPack with React/MobX Development
3

Building UIs with React

  • Creating Components
    • Extending React.Component
    • Component Render Function
    • ReactDOM rendering
  • Create Element & JSX
    • Rendering
    • Passing Props
    • Styling Components
    • Special Attributes: Class Name & Html For
  • Working with State
  • Initializing State
  • Updating State
  • Working with Forms
  • Organizing State in the Component Tree
4

Managing State with MobX

  • Overview
    • Actions, State, Computed Value and Reactions
    • Working with Multiple Stores
    • Using MobX with React
  • Store
    • Creating Stores
    • Observables
    • Computables
    • Connecting to a React Component
    • Replacing React Component State with a MobX store
5

Going Deeper with React and MobX

  • Composing Components
    • Sibling Components and Keys
    • Parent and Child Components
    • Props, State and Context
  • Specialized Components
    • Stateless Functions
    • Pure Components
  • Additional Component Features
    • Validating with PropTypes
    • Understanding Keys
    • Accessing DOM Objects with Refs
    • Inner HTML and XSS
    • Lifecycle Functions
    • Understanding Props Children
  • Asynchronous Programming
    • Promises + REST Services
    • RxJS + Web Sockets
    • Asynchronous Actions with MobX
6

Unit Testing

  • Overview
    • Jest
    • Enzyme
    • TestUtils
  • Configuring Tools
    • Configuring Jest Options
    • Testing in Watch Mode
    • Organizing and Coding Tests
    • Using Code Coverage
    • Debugging Tests
    • Exploring Expect Assertions and Spying
  • Testing React (with both TestUtils and Enzyme)
    • Snapshot Testing
    • Shallow Rendering Testing
    • DOM Rendering Testing
    • Testing DOM Manipulations
    • Testing Properties and State
    • Testing Event Handlers and Simulating Events
  • Testing MobX
    • Unit Testing Stores

Encarta Labs Advantage

  • One Stop Corporate Training Solution Providers for over 6,000 various courses on a variety of subjects
  • All courses are delivered by Industry Veterans
  • Get jumpstarted from newbie to production ready in a matter of few days
  • Trained more than 50,000 Corporate executives across the Globe
  • All our trainings are conducted in workshop mode with more focus on hands-on sessions

View our other course offerings by visiting https://www.encartalabs.com/course-catalogue-all.php

Contact us for delivering this course as a public/open-house workshop/online training for a group of 10+ candidates.

Top
Notice
X