Thank you for sending your enquiry! One of our team member will contact you shortly.
Thank you for sending your booking! One of our team member will contact you shortly.
Course Outline
Introduction
- MobX vs Redux vs Relay
Understanding State Management
- How React handles local state
- How Redux manages state
- How MobX manages state
Getting Started
- Preparing the Development Environment
- Installing and Configuring MobX
Building an Application
- Overview of the component architecture
- Creating a React Application (Components, Element, JSX, etc.)
Working with React Component State
- Initializing and updating state
- Working with forms
Implementing a MobX Data Store
- Setting up the data store
- Passing data to components
- Listing out contents of data store
Managing Changes to Data
- Adding data to store
- Notifying React of the change in data state
Updating the View
- Declaring observable data
- Updating the view
Improving DataFlow
- Modifying state data through actions
- Calling actions (avoiding unsafe data manipulation)
Working with Computed Values
- Perforing calculations on core data
Using Advanced Development Tools and Techniques
- Creating components with ES2017
- Using Babel for ES2017 and JSX
- Using WebPack for React and MobX
- Performing asynchronous actions with MobX
Testing the Application
- Creating unit tests for React components
- Choosing tools and frameworks (Jest, Enzyme, TestUtils, etc.)
- Creating unit tests for MobX stores
- Debugging the Application
Deploying the Application
- Tooling and automation
- Implementing Continuous Integration (CI)
Troubleshooting
Summary and Conclusion
Requirements
- React programming experience
Audience
- Developers
Testimonials
I like how the course was structured and presented in a basic to advance style.
Kolapo Abolarinwa
I enjoyed the course because there were lots of practical, hands-on examples.
Jay Smith
It was very hands-on, no dry theory just practice and excercises writing real code. feels like we covered a lot of material in the 3 days
Tomasz Sienkiewicz - SPOC S.A.
Although I had a pretty good knowledge of the subject already, I found out a lot useful stuff during the course.
Stefan-Lucian Bucur - Cegeka NV
* The hands-on approach, which helped us understand the subject matter better. * The teacher's flexibility in covering topics that are relevant to our use cases.
Juan Rial - Cegeka NV
Pace and the agenda - it was well planned in line with objectives!!
- ZAKŁAD USŁUGOWY HAKOMAN ANDRZEJ CYBULSKI
I generally liked the practical approach.
- SPOC S.A.
During 3 days we had an opportunity to learn about so many things.
- SPOC S.A.
I mostly liked the many examples and use cases.
Mateusz Grześkowiak - SPOC S.A.
I mostly liked the real codding.
- SPOC S.A.
Trainer was encouraging us to ask questions, atmosfere was quite nice :).
- SPOC S.A.
I mostly liked the topics and great lecturer!.
Adam Gozdziewski - SPOC SA
I really enjoyed the different approach to problems.
- SPOC SA
I mostly enjoyed the professionalism of the teacher.
- SPOC SA
That the for the most part of the course the topics were quite atomic and well explained before moving forward.
Piotr - SPOC SA
There were lots of practical examples.
- Spanish Point Technologies
I liked how the course was structured. First day were basic definitions that I already knew but he clarified a lot of definitions that wasn't clear for me. The two following days I learnt some concepts that I didn't know and he explained them in an easy way to understand them.
Alicia Garcia Anton - Spanish Point Technologies
I liked learning about how Reactjs state management.
- Spanish Point Technologies
The example apps we built demonstrated the powers of React etc in a simple to understand way and will act as a good reference in future.
- UBS AG
I liked that after each part of theory, we got to try it out. I'm always better at learning by doing, so I thought it was very good. The trainer was very patient as well and made sure that everyone in the class understood the concepts and whenever someone struggled, he was more than happy to help. I thought the training was overall well balanced.
- UBS AG
Skill level and rapor of trainer.
Louise Gilmore - AquaQ Analytics
Lukasz was very friendly and open, which made the training much more enjoyable. He did a good mix of lecture, examples and exercises. It was also good to ask us questions to test our understanding and correct if necessary. This was the main benefit of the training.
Luke Holmes - AquaQ Analytics
Good variations of the exercises available and provided after course.
- AquaQ Analytics
I was impressed with the facilities (web conference, remote desktops, resources) worked flawlessly. Nice not having to spend the first 10 minutes everyday getting things set up. I was also impressed with the amount of material that covered/presented/available. I was happy to see how comprehensive the course was.
- Stratasys
Łukasz was always trying to find a link to our company if he explained something, which is really helpful for us to understand it better. Łukasz is a trainer that will always do his best for the students and explain the same subject multiple times but still in a different way! Łukasz was also very flexible as a trainer and was always 'happy' and most important himself. We enjoyed the course very much with Łukasz.
Laurens Kok - DERBY SA NV
How react work.
Yechun Wang - DBS Bank Limited
his passion and knowledge about the topic he also teaches us the best practices to code in
DBS Bank Limited
I like how in-depth the trainer's explanation is.
DBS Bank Limited
Learning was comprehensive and catered to.
Wei Lin Tan - DBS Bank Limited
the triaing is good for fresher and it starts from the background and methodolegy level
DBS Bank Limited
The trainer tried to assess first the knowledge of his audience and based his classes from there. He even taught basic javascript to further understand once we go through the actual react framework.
DBS Bank Limited
his exercises.
DBS Bank Limited
he corelate with the real world example and he taught the basic things its very useful for us.
DBS Bank Limited
The explanation to the concept is clear.
Noorazare Puasa - DBS Bank Limited
very hands on. trainer was very clear and knowledgavle
Li Fang Bren Ong - DBS Bank Limited
I really liked how Magesh took us through the fundamental problems that React and Redux solve, setting a good foundation and mental models for using the React ecosystem. The way he set up problems with initial naive implementations, then helped us to understand how to go about addressing those problems. I feel this is really important to help us avoid a lot of pitfalls that beginners can encounter. Magesh had good understanding of all of the tools we were learning, as well as some of the technologies we currently use outside of React/Redux - such as C#/.NET. He was able to compare/contrast the different paradigms between OO in C# and functional programming in React/Redux.
Xero
Getting to know more about React and TypeScript.
Nercia Utbildning AB
I am new to web developement and I think that the most intresting thing was that I got an better understanding of what is possible to do with web-development these days. Is like "real" programming:)
Nercia Utbildning AB
Trainer was very patient and helpful during the course and did his best to aid the participants.
Nercia Utbildning AB
Great flexibility in learning areas. Nice, friendly atmopshere.
Mateusz Miazowski - GP Strategies Poland sp. z o.o.
Trainer patience. Trainer allowed to ask questions. Trainer during excercises asks activly if some help is needed and was very polite. Also at the points where all the group was not able to answer given by trainer question..trainer act very porffesionally explaining to as calmly sometimes some very basic concepts.
GP Strategies Poland sp. z o.o.
Luckasz is very happy and his mood his highly appreciated. He successfully helped us in any problem no matter how difficult they were. And lastly, he adapted the training to our requests, that shows a lot of flexibility and that is very good.
GP Strategies Poland sp. z o.o.
Trainer was happy to help
Arm
Very nice setup with virtual remote machines in browser.
Fredrik Paulsson - Arm
The teacher was involving the participants by asking questions directly to one of us.
Jolanta Jensen - Arm
virtual machines had everything set up already.
Kai Liknes - Arm
Remote learnig technology used + one month more access to the materials and trainer help!
Piotr Stefanski - Arm
How hands on it was! I have attended courses that are death by powerpoint, and at the end one is totally unable to do anything alone. But this was the exact opposite...exercises built on each other and were very practical. So I felt them relating to both the course, and potential outside uses. Kudos for the hands on aspect of the training!
Jordi Frances Matas - Arm
Day 2 was great with lots of coding.
ASD
Content was clear - lots of small examples
ASD
Related Courses
MERN Fullstack Development
14 hours
PHP with React
14 hours
React Patterns
14 hours
Advanced React
14 hours
Localize Your React Application
7 hours
Spring Boot, React, and Redux
14 hours
React, Redux and TypeScript
21 hours
Testing React Apps with Jest
14 hours
React, Relay, and GraphQL
14 hours
Meteor and React
14 hours