Create a React App with the help of this boilerplate code and render the list of online users on a separate page. The assignment is divided into three tasks. To read more about them, install the app as described below.
git clone https://github.com/iflylabs/react-semantic.ui-boilerplate.git
cd react-semantic.ui-boilerplate
npm install###############################################################
npm run dev # run app in dev mode
###############################################################
npm run db # run mock db for app(from another terminal/process -- without this app won't work)
###############################################################After this go to http://localhost:3000 and enter username as test and password as test. You should be able to review all the three tasks subsequently.
Please mail us the assignment at [email protected] along with your resume.
You can store static assets (images, videos) in /static folder.
You can find it in webpack_config/config.js
Check src/common/routing/index.js. TL;DR: dynamic import().
"You have a components folder and containers folder..and in the container you have another components folder?"
Components inside containers/**/components are components that are required by container.
For example, Dashboard(container) has DashboardComponent(component). You can think about DashboardComponent as "Isolated component", it isn't used in app anywhere except own parent-container.
Components in components are components that:
- Don't have own logic and connection with state (as opposite to containers)
- Aren't "isolated".(!)
There are tests for actions and for reducers. Each reducer/action has own folder, where you can find:
- Reducer/action itself.
- Tests for it.
Have a question? Ask it. 😉
MIT