Redux基礎①

Reduxの印象としては、登場人物が多く、また、javascriptにありがちで、varietyがあり、初心者にとっつきにくいような感じでした。

 

Reac初心者でも読めば必ずわかるReactのRedux講座 | アールエフェクト (reffect.co.jp)

 

このホームページを参考して話を進めていきます。

React+Reduxを丸のみして理解できる人は少数でしょう。

凡人には複雑なことは分解して理解していくしかないです。

 

create-react-appを使用していきます。

初期設定すると下記のファイルになります。

[プロジェクト名]/src/index.js

import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  //<React.StrictMode>
    <App />
  //</React.StrictMode>
);


[プロジェクト名]/src/App.js

function App() {
  return (
    <div>MyReact</div>
  );
}

export default App;

 

続きは次回。