https://github.com/akimach/react-remix-10

React lesson
https://github.com/akimach/react-remix-10

babel es2015 es6 react react-redux react-router sass scss webpack yarn

Last synced: 5 days ago
JSON representation

React lesson

• Host: GitHub
• URL: https://github.com/akimach/react-remix-10
• Owner: akimach
• Created: 2017-11-10T05:03:20.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2017-11-13T09:51:20.000Z (about 7 years ago)
• Last Synced: 2023-07-17T20:46:15.993Z (over 1 year ago)
• Topics: babel, es2015, es6, react, react-redux, react-router, sass, scss, webpack, yarn
• Language: JavaScript
• Homepage:
• Size: 86.9 KB
• Stars: 2
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# react-remix-10

Reactの練習

## Setup

```

$ git clone https://github.com/akimach/react-remix-10.git

$ cd 01-hello

$ yarn install

$ yarn run start

```

## 01 Hello

![01](https://user-images.githubusercontent.com/17570265/32646559-79202304-c630-11e7-905c-4addf22e9eea.jpg)

## 02 Router

react router

https://reacttraining.com/react-router/web/guides/ のサンプル

![02](https://user-images.githubusercontent.com/17570265/32646560-7980a13e-c630-11e7-9025-70522253b703.jpg)

## 03 Material-UI

material ui 

![03](https://user-images.githubusercontent.com/17570265/32646561-79cbf79c-c630-11e7-9464-8981d15ad61c.jpg)

## 04 Chart

react chartjs 2

![04](https://user-images.githubusercontent.com/17570265/32646563-7a5bf09a-c630-11e7-8b3a-2eec52e0bd69.jpg)

## 05 Todo List

![05](https://user-images.githubusercontent.com/17570265/32646564-7a9588c8-c630-11e7-8746-dbef2fba6470.jpg)

## 06 Editor

Markd

![06](https://user-images.githubusercontent.com/17570265/32646827-de54eb28-c631-11e7-8b07-720680200b64.jpg)

## 07 Form

![07](https://user-images.githubusercontent.com/17570265/32646565-7ae74208-c630-11e7-9447-074fdac628c1.jpg)

## 08 Hacker News

Hacker News Reader

![08](https://user-images.githubusercontent.com/17570265/32646566-7b1d9d1c-c630-11e7-8b0b-386a487db376.jpg)

## 09 Google Maps

react-google-map

![09](https://user-images.githubusercontent.com/17570265/32646567-7b581e74-c630-11e7-85eb-a3923786dcb4.jpg)

## 10 Redux 

[Reduxの実装とReactとの連携を超シンプルなサンプルを使って解説](https://mae.chab.in/archives/2885)のサンプルコードをいじったやつ

![10](https://user-images.githubusercontent.com/17570265/32646568-7b915388-c630-11e7-9e37-ba677d219d2c.jpg)