Upgrade to Pro — share decks privately, control downloads, hide ads and more …

boilerplate react

boilerplate react

react-boilerplate

さっちゃん

June 15, 2017
Tweet

More Decks by さっちゃん

Other Decks in Programming

Transcript

  1. Reactの⼊れ⽅ (簡単にする爲省略してゐます。) 1. Babel⼊れる 2. bebel-preset-env⼊れる 3. babel-react⼊れる 4. Babel設定する

    5. ESLint⼊れる 6. babel-eslint⼊れる 7. ESLint設定する 8. Flow⼊れる 9. webpack⼊れる
  2. Reactの⼊れ⽅ (簡単にする爲省略してゐます。) 1. Babel⼊れる 2. bebel-preset-env⼊れる 3. babel-react⼊れる 4. Babel設定する

    5. ESLint⼊れる 6. babel-eslint⼊れる 7. ESLint設定する 8. Flow⼊れる 9. webpack⼊れる 10.babel-loader⼊れる
  3. Reactの⼊れ⽅ (簡単にする爲省略してゐます。) 1. Babel⼊れる 2. bebel-preset-env⼊れる 3. babel-react⼊れる 4. Babel設定する

    5. ESLint⼊れる 6. babel-eslint⼊れる 7. ESLint設定する 8. Flow⼊れる 9. webpack⼊れる 10.babel-loader⼊れる 11.webpack-dev-server⼊れる
  4. Reactの⼊れ⽅ (簡単にする爲省略してゐます。) 1. Babel⼊れる 2. bebel-preset-env⼊れる 3. babel-react⼊れる 4. Babel設定する

    5. ESLint⼊れる 6. babel-eslint⼊れる 7. ESLint設定する 8. Flow⼊れる 9. webpack⼊れる 10.babel-loader⼊れる 11.webpack-dev-server⼊れる 12.webpack設定する
  5. Reactの⼊れ⽅ (簡単にする爲省略してゐます。) 1. Babel⼊れる 2. bebel-preset-env⼊れる 3. babel-react⼊れる 4. Babel設定する

    5. ESLint⼊れる 6. babel-eslint⼊れる 7. ESLint設定する 8. Flow⼊れる 9. webpack⼊れる 10. babel-loader⼊れる 11. webpack-dev-server⼊れる 12. webpack設定する 13. React⼊れる
  6. Reactの⼊れ⽅ (簡単にする爲省略してゐます。) 1. Babel⼊れる 2. bebel-preset-env⼊れる 3. babel-react⼊れる 4. Babel設定する

    5. ESLint⼊れる 6. babel-eslint⼊れる 7. ESLint設定する 8. Flow⼊れる 9. webpack⼊れる 10. babel-loader⼊れる 11. webpack-dev-server⼊れる 12. webpack設定する 13. React⼊れる 14. react-dom⼊れる
  7. Reactの⼊れ⽅ (簡単にする爲省略してゐます。) 1. Babel⼊れる 2. bebel-preset-env⼊れる 3. babel-react⼊れる 4. Babel設定する

    5. ESLint⼊れる 6. babel-eslint⼊れる 7. ESLint設定する 8. Flow⼊れる 9. webpack⼊れる 10. babel-loader⼊れる 11. webpack-dev-server⼊れる 12. webpack設定する 13. React⼊れる 14. react-dom⼊れる 15. Redux⼊れる
  8. Reactの⼊れ⽅ (簡単にする爲省略してゐます。) 1. Babel⼊れる 2. bebel-preset-env⼊れる 3. babel-react⼊れる 4. Babel設定する

    5. ESLint⼊れる 6. babel-eslint⼊れる 7. ESLint設定する 8. Flow⼊れる 9. webpack⼊れる 10. babel-loader⼊れる 11. webpack-dev-server⼊れる 12. webpack設定する 13. React⼊れる 14. react-dom⼊れる 15. Redux⼊れる 16. react-redux⼊れる
  9. Reactの⼊れ⽅ (簡単にする爲省略してゐます。) 1. Babel⼊れる 2. bebel-preset-env⼊れる 3. babel-react⼊れる 4. Babel設定する

    5. ESLint⼊れる 6. babel-eslint⼊れる 7. ESLint設定する 8. Flow⼊れる 9. webpack⼊れる 10. babel-loader⼊れる 11. webpack-dev-server⼊れる 12. webpack設定する 13. React⼊れる 14. react-dom⼊れる 15. Redux⼊れる 16. react-redux⼊れる 17. react-router⼊れる
  10. Reactの⼊れ⽅ (簡単にする爲省略してゐます。) 1. Babel⼊れる 2. bebel-preset-env⼊れる 3. babel-react⼊れる 4. Babel設定する

    5. ESLint⼊れる 6. babel-eslint⼊れる 7. ESLint設定する 8. Flow⼊れる 9. webpack⼊れる 10. babel-loader⼊れる 11. webpack-dev-server⼊れる 12. webpack設定する 13. React⼊れる 14. react-dom⼊れる 15. Redux⼊れる 16. react-redux⼊れる 17. react-router⼊れる 18. redux-saga⼊れる
  11. Reactの⼊れ⽅ (簡単にする爲省略してゐます。) 1. Babel⼊れる 2. bebel-preset-env⼊れる 3. babel-react⼊れる 4. Babel設定する

    5. ESLint⼊れる 6. babel-eslint⼊れる 7. ESLint設定する 8. Flow⼊れる 9. webpack⼊れる 10. babel-loader⼊れる 11. webpack-dev-server⼊れる 12. webpack設定する 13. React⼊れる 14. react-dom⼊れる 15. Redux⼊れる 16. react-redux⼊れる 17. react-router⼊れる 18. redux-saga⼊れる 19. Component書く
  12. Reactの⼊れ⽅ (簡単にする爲省略してゐます。) 1. Babel⼊れる 2. bebel-preset-env⼊れる 3. babel-react⼊れる 4. Babel設定する

    5. ESLint⼊れる 6. babel-eslint⼊れる 7. ESLint設定する 8. Flow⼊れる 9. webpack⼊れる 10. babel-loader⼊れる 11. webpack-dev-server⼊れる 12. webpack設定する 13. React⼊れる 14. react-dom⼊れる 15. Redux⼊れる 16. react-redux⼊れる 17. react-router⼊れる 18. redux-saga⼊れる 19. Component書く 20. action書く
  13. Reactの⼊れ⽅ (簡単にする爲省略してゐます。) 1. Babel⼊れる 2. bebel-preset-env⼊れる 3. babel-react⼊れる 4. Babel設定する

    5. ESLint⼊れる 6. babel-eslint⼊れる 7. ESLint設定する 8. Flow⼊れる 9. webpack⼊れる 10. babel-loader⼊れる 11. webpack-dev-server⼊れる 12. webpack設定する 13. React⼊れる 14. react-dom⼊れる 15. Redux⼊れる 16. react-redux⼊れる 17. react-router⼊れる 18. redux-saga⼊れる 19. Component書く 20. action書く 21. reducer書く
  14. Reactの⼊れ⽅ (簡単にする爲省略してゐます。) 1. Babel⼊れる 2. bebel-preset-env⼊れる 3. babel-react⼊れる 4. Babel設定する

    5. ESLint⼊れる 6. babel-eslint⼊れる 7. ESLint設定する 8. Flow⼊れる 9. webpack⼊れる 10. babel-loader⼊れる 11. webpack-dev-server⼊れる 12. webpack設定する 13. React⼊れる 14. react-dom⼊れる 15. Redux⼊れる 16. react-redux⼊れる 17. react-router⼊れる 18. redux-saga⼊れる 19. Component書く 20. action書く 21. reducer書く 22. saga書く
  15. Reactの⼊れ⽅ (簡単にする爲省略してゐます。) 1. Babel⼊れる 2. bebel-preset-env⼊れる 3. babel-react⼊れる 4. Babel設定する

    5. ESLint⼊れる 6. babel-eslint⼊れる 7. ESLint設定する 8. Flow⼊れる 9. webpack⼊れる 10. babel-loader⼊れる 11. webpack-dev-server⼊れる 12. webpack設定する 13. React⼊れる 14. react-dom⼊れる 15. Redux⼊れる 16. react-redux⼊れる 17. react-router⼊れる 18. redux-saga⼊れる 19. Component書く 20. action書く 21. reducer書く 22. saga書く 23. test書く
  16. Reactの⼊れ⽅ (簡単にする爲省略してゐます。) 1. Babel⼊れる 2. bebel-preset-env⼊れる 3. babel-react⼊れる 4. Babel設定する

    5. ESLint⼊れる 6. babel-eslint⼊れる 7. ESLint設定する 8. Flow⼊れる 9. webpack⼊れる 10. babel-loader⼊れる 11. webpack-dev-server⼊れる 12. webpack設定する 13. React⼊れる 14. react-dom⼊れる 15. Redux⼊れる 16. react-redux⼊れる 17. react-router⼊れる 18. redux-saga⼊れる 19. Component書く 20. action書く 21. reducer書く 22. saga書く 23. test書く
  17. Reactの⼊れ⽅ (簡単にする爲省略してゐます。) 1. Babel⼊れる 2. bebel-preset-env⼊れる 3. babel-react⼊れる 4. Babel設定する

    5. ESLint⼊れる 6. babel-eslint⼊れる 7. ESLint設定する 8. Flow⼊れる 9. webpack⼊れる 10. babel-loader⼊れる 11. webpack-dev-server⼊れる 12. webpack設定する 13. React⼊れる 14. react-dom⼊れる 15. Redux⼊れる 16. react-redux⼊れる 17. react-router⼊れる 18. redux-saga⼊れる 19. Component書く 20. action書く 21. reducer書く 22. saga書く 23. test書く 要る?
  18. Reactの⼊れ⽅ (簡単にする爲省略してゐます。) 1. Babel⼊れる 2. bebel-preset-env⼊れる 3. babel-react⼊れる 4. Babel設定する

    5. ESLint⼊れる 6. babel-eslint⼊れる 7. ESLint設定する 8. Flow⼊れる 9. webpack⼊れる 10. babel-loader⼊れる 11. webpack-dev-server⼊れる 12. webpack設定する 13. React⼊れる 14. react-dom⼊れる 15. Redux⼊れる 16. react-redux⼊れる 17. react-router⼊れる 18. redux-saga⼊れる 19. Component書く 20. action書く 21. reducer書く 22. saga書く 23. test書く 要る。 (普通の事を普通にやるには)
  19. Reactの⼊れ⽅ (簡単にする爲省略してゐます。) 1. Babel⼊れる 2. bebel-preset-env⼊れる 3. babel-react⼊れる 4. Babel設定する

    5. ESLint⼊れる 6. babel-eslint⼊れる 7. ESLint設定する 8. Flow⼊れる 9. webpack⼊れる 10. babel-loader⼊れる 11. webpack-dev-server⼊れる 12. webpack設定する 13. React⼊れる 14. react-dom⼊れる 15. Redux⼊れる 16. react-redux⼊れる 17. react-router⼊れる 18. redux-saga⼊れる 19. Component書く 20. action書く 21. reducer書く 22. saga書く 23. test書く
  20. Quick scaffolding Predictable state management Next generation JavaScript Next generation

    CSS Industry-standard routing Industry-standard i18n internationalization support Offline-first SEO