What is MobX? Explain like I am five 👋

  • By beginner, I expect at least to know what global variables, modular architecture and scope are.
  • Since this beginner doesn’t really know what is (thus also what state management is), I’d like to compare MobX to a fancy global variable(s).
  • Some really really novice developers might make it work with global variables and be happy.
  • Then, MobX will do so much more than just keep it accessible to other modules, it can execute some actions (calculations) to them, let your modules know as soon as some property changes, etc.
  • While MobX is just another state management tool, in my opinion it’s the best one to compare to ease of understanding global variables.

Answer (1 out of 2): Imagine mommy is making pancakes for you and your siblings. It’s a birthday party! She will keep bringing pancakes as long as you are hungry and having fun. She will also keep track of how many pancakes you ate and she knows what kind of pancakes you…
Continue reading “What is MobX? Explain like I am five 👋”

Dependency injection in React powered by InversifyJS • Wolk Software Engineering

Dependency injection in #reactjs powered #InversifyJS  #mobx #redux

  • The main advantage of using an IoC container like InversifyJS is that we are not using the context !
  • Most of the solutions for dependency injection (DI) in React components are based on context.
  • Using context will make your code harder to understand because it makes the data flow less clear.
  • In order to use “constructor injection” the IoC container needs to be able to create the instances of the classes.
  • We are using InversifyJS because it works in both Node.js and web browsers.

Read the full article, click here.


@inversifyjs: “Dependency injection in #reactjs powered #InversifyJS #mobx #redux”


Most of the solutions for dependency injection (DI) in React components are based on context. The famous connect function and the Provider there use the context. However, the React development team recommends avoiding the usage of the context. In… | Wolk Software Limited | A group of young and ambitious people dedicated to creating cutting-edge applications in combination with beautiful and functional design.


Dependency injection in React powered by InversifyJS • Wolk Software Engineering

Application Environment Configuration with webpack — Matt McLaugh

  • /src/config/dev.js to config, you can call import config from ‘config’ throughout your application.
  • ‘s an example of the development webpack config from my front-end-template repo
  • Webpack is very robust, and we can achieve environment configuration with no extra plugins.
  • With the method you don’t have to rely on global variables, you can comment your config files (they’re just javascript) and change the alias location of config for each webpack environment configuration file.
  • When configuring webpack, I prefer to keep separate config files for each environment.

Read the full article, click here.


@mattmclaugh: “I just published “Application Environment Configuration with webpack” #webpack #javascript #reactjs #webdev”


Out of the box, webpack doesn’t come with a clear path to environment configuration (please correct me if I’m wrong) If you want to use a…


Application Environment Configuration with webpack — Matt McLaugh