In this last part of the tutorial we add the show user button & logout button to the main page completing the small application.
-------------------------
This is a tutorial on howto create a ReactJs application using the following technologies:
React router
MobX
Typescript
Axios
Here we create an application structure more like Java / Spring than standard React Javascript functional programming while I think this is a much nicer way to structure the code.
The reasons why I think this is a much nicer development experiance than Javascript functional programming are:
Using Typescript you always know what is available for every object directly whne you are coding and replace finding spelling errors from runtime to development time.
Using classes you can encapsulate the logic in a good manner.
Using MobX for state management is much cleaner and easier than Hooks and less verbose than Redux.
Using MobX dependency injection makes it easy to find & use the common services/stores.
Views in the application:
Login
Main page
User list
The code can be found @ this GitHub repository:
https://github.com/miman/react-demo
On this page of the site you can watch the video online Tutorial on making React app with Typescript & MobX - Part 4 (adding final touches) with a duration of hours minute second in good quality, which was uploaded by the user Miman Dev 25 June 2020, share the link with friends and acquaintances, this video has already been watched 99 times on youtube and it was liked by 1 viewers. Enjoy your viewing!