react-redux-i18n | binding for redux and react-i18nify | State Container library

I removed all my previously added devDependencies and eslint config and it solved my issue.

The CRA philosophy is about automatic code formatting using Prettier, so I guess that's what I'm going for ‍♂️

UPDATE

The problem was adding devDependencies which are not installed in production. Overriding eslint config is ok but all needed packages has to be added to the main dependencies.

The server in Heroku will run the start script given in the file package.json. By default, when using create-react-app the start script will run the app in development mode.

In order to run the optimized application from the build folder you will need to write a server. You can use the following code for a simple server. Make sure to save it a file named server.js and place it in the root of the repository.

Found a way around adding a step to remove node modules before pre-compiling :

only works with Route and Redirect as direct descendents. So the LocalizedRoute component does not work.

If for some reason, you cannot use the components, you can use the I18n.t and I18n.l helpers instead:

Solution is:

why not do it the classic javascript way with module.exports? i.e. in index.js do somthing like

You cannot access props that are asynchronous inside of the constructor. As the constructor will be executed only once, when you instantiate your component. When you instantiate your component your asynchronous call has not responded yet, therefore this.props.status is undefined.

You could use componentWillReceiveProps from React lifecycle methods for example:

As the name react-redux-i18n suggests, it relies on redux to handle storing the i18n keys and values, i.e. they are stored in the reducers, specifically the i18nReducer, and the state of that reducer can be changed with actions, for example dispatch(setLocale). If you aren't already familiar with Redux, I recommend getting to know the basics.

To create a link that changes your language you essentially need to find a way to dispatch a setLocale action to the redux store with the parameter of your choosing with the onClick handler. Redux provides a nifty way of doing this by connecting store state and dispatch method to your component. For example like this: