[react&NodeJS]学習#4

[React.js]

1. Proxy Server

2. Concurrently

npm install concurrently --save

"dev": "concurrently \"npm run backend\" \"npm run start --prefix client\""

3. CSS Framework

npm install antd --save

import 'antd/dist/antd.css';

4. Redux

npm install redux react-redux redux-promise redux-thunk --save

import { combineReducers } from "redux";
// import user from './user_reducer';
// 나중에 사용될 함수이므로 미리 입력해놓기

const rootReducer = combineReducers({
    //user,
})

export default rootReducer;

Chrome拡張プログラムからredux devツールをダウンロード

import { Provider } from 'react-redux';
import { applyMiddleware, createStore } from 'redux';
import promiseMiddleware from 'redux-promise';
import ReduxThunk from 'redux-thunk';
import Reducer from './_reducers';

const createStoreWithMiddleware = applyMiddleware(promiseMiddleware, ReduxThunk)(createStore)

ReactDOM.render(
  <Provider
    store={createStoreWithMiddleware(Reducer,
      // for redux devtools
      window.__REDUX_DEVTOOLS_EXTENSION__ &&
      window.__REDUX_DEVTOOLS_EXTENSION__()
    )}
  >
    <App />
  </Provider>,
  document.getElementById('root')
);

Full Code

Walang Github

Walang Notion