Tukukkk

I was trying to comprehend Dimitar Valchanov React code for the game 2048 via his github repo.

He have also written a blog about it but he wants a person to go through the code himself and have rather explained the structure of the code in this blog. (*Although he have included the comments in the code to make it more understandable).

The major problem I am facing while to trying to understand his code is 1st my lack of experience and 2nd His code is old now

While reviewing his code, I found few things which I was unable to comprehend.

[Question:1] In his import statements in this file, He have used something like this

import {Board, Result} from "js/components";

import * as Actions from "js/actions/actions";

How is he able to right js and go back to the src and then walk through the given repo.

If I would've been, I would have written something like this
import Board from "../components";
import Result from "../components";

Question: What does 'js' mean over here and how is he able to export two different file using single statement i.e import {Board, Result} from "js/components";

[Question:2] In the same file he have written something like this

this.actions = bindActionCreators(Actions, this.props.dispatch);

Which I thought to be dispatching all redux action together but I seem to be wrong and hence I am unable to comprehend what is inside my this.actions

And hence this line also doesn't make sense

 getChildContext() {

    return {

      actions: this.actions

    };

  }

Question: Can Someone please explain me what's happening above?

Question #1:

The import statement is not old syntax or deprecated. Its simply another way of importing code from an ES6 module.

import {Board, Result} from "js/components";

and

import Board from "../components/Board";

import Result from "../components/Result";

are both perfectly valid ways of importing code. Its up to you how you want to do it.

Here is a link that explains Named Exports vs Default Exports.

The js/components is just a directory path that points to his file here

Question #2:

Whats inside this.actions is many functions wrapped in dispatch(...) ready to be dispatched to Redux to perform actions on the store upon being called.

In the following method

getChildContext() {

    return {

      actions: this.actions

    };

}

it just returns this.actions, basically.

This code is not old and still used on the Redux site when explaining the bindActionCreators method.