役立つサイト一覧

React, Redux, JSを学ぶ際に使った役立つサイト一覧。
徐々に更新中。（英語中心）

Basic

Javascript Prime

Object

Git

Fun Git basic tutorial
https://learngitbranching.js.org/

Firebase

Intro Firebase React

AWS deploy with React

Create an S3 Bucket

Deploying create-react-app to S3 and CloudFront

Arraybuffer

A cartoon intro to ArrayBuffers and SharedArrayBuffers
https://hacks.mozilla.org/2017/06/a-cartoon-intro-to-arraybuffers-and-sharedarraybuffers/

Function

Design

React Native ScrollView animated header
https://medium.com/appandflow/react-native-scrollview-animated-header-10a18cb9469e

HTML CSS Smooth Scrolling
https://css-tricks.com/snippets/jquery/smooth-scrolling/

ES6

Router

CSS-tricks Router
https://css-tricks.com/learning-react-router/

Beginner’s Guide to React Router
https://medium.com/@dabit3/beginner-s-guide-to-react-router-53094349669

CSS & HTML

The Browsers We Will Talk About

CSSレイアウトを学ぶ
http://ja.learnlayout.com/toc.html

Linux & Bash & Shell tutorial

ryanstutorials
https://ryanstutorials.net/

fish shell git
https://github.com/fish-shell/fish-shell

Finally, a command
line shell for the 90s
http://fishshell.com/

React Template

React.createClass versus extends React.Component
https://toddmotto.com/react-create-class-versus-component/#reactcomponent-1

React

Create a small project with React(1)
https://github.com/facebookincubator/create-react-app

Create a small project with React(2)
https://github.com/davezuko/react-redux-starter-kit

App without create-react-app

bind & this
https://www.fullstackreact.com/articles/react-create-class-vs-es6-class-components/

pretty patterns about how to write react
https://medium.com/walmartlabs/make-your-react-components-pretty-a1ae4ec0f56e

styling in react
https://www.kirupa.com/react/styling_in_react.htm

React Notes
https://www.reactenlightenment.com

Redux Template

A Dummy’s Guide to Redux and Thunk in React
https://github.com/stowball/dummys-guide-to-redux-and-thunk-react

Redux

redux css-tricks
https://css-tricks.com/learning-react-redux/

Create a project with only Redux
http://numb86-tech.hatenablog.com/entry/2016/11/20/124316

Images of Redux examples
http://blog.andgenie.jp/articles/1021

React & Redux

Cheat Sheet (React Redux)
https://egghead.io/react-redux-cheatsheets

MiddleWare

A Dummy’s Guide to Redux and Thunk in React(1): Documents
https://medium.com/@stowball/a-dummys-guide-to-redux-and-thunk-in-react-d8904a7005d3

A Dummy’s Guide to Redux and Thunk in React(1): Github
https://github.com/stowball/dummys-guide-to-redux-and-thunk-react

JavaScript Promises: an Introduction
https://developers.google.com/web/fundamentals/getting-started/primers/promises

When We Need To Use Thunk
https://stackoverflow.com/questions/35411423/how-to-dispatch-a-redux-action-with-a-timeout/35415559#35415559

ES6 Promises in Depth
https://ponyfoo.com/articles/es6-promises-in-depth

Webpack

Webpackk混乱のポイント

Video Tutorial For React & Redux

Get Started With Redux(1): Video
https://egghead.io/courses/getting-started-with-redux

Get Started with Redux(1): GitHub Note
https://github.com/tayiorbeii/egghead.io_redux_course_notes/blob/master/25-Extracting_Action_Creators.md

Get Started with Redux(1): GitHub Sample
https://github.com/sadams/todo-redux-react-webpack.git

Building React Applications with Idiomatic Redux(2): Video
https://egghead.io/lessons/javascript-redux-simplifying-the-arrow-functions

Building React Applications with Idiomatic Redux(2): GitHub Note
https://github.com/tayiorbeii/egghead.io_idiomatic_redux_course_notes/blob/master/01-Simplifying_the_Arrow_Functions.md

Building React Applications with Idiomatic Redux(2): GitHub Sample
https://github.com/davidlormor/building-idiomatic-react-applications-with-redux

Building React Applications with Idiomatic Redux(2): GitHub Code for Each Video
https://github.com/tayiorbeii/egghead.io_idiomatic_redux_course_notes

Create Reduxstagram
https://learnredux.com/

Interview

How to pass interview in google
https://startupnextdoor.com/?src=gah

PlayGround

Others Blogs

Learn How to Learn The Most Important Developer Skill
https://medium.freecodecamp.org/learning-how-to-learn-the-most-important-developer-skill-7bf62dfaf67d

AI

Course AI
http://course.fast.ai/

Artificial Intelligence: A Modern Approach
http://aima.cs.berkeley.edu/

kaggle
https://www.kaggle.com/learn/overview

AI berkeley (excellent)
http://ai.berkeley.edu/lecture_videos.html

Red Blob
https://www.redblobgames.com/

Test

Testing a React-Redux app using Jest and Enzyme

Unit testing with Jest: Redux + async actions + fetch

The Right Way to Test React Components

Block Chain

bitcoinbook

Fog

fog.io