lemoncode / redux-by-sample Goto Github PK

The goal of this project is to provide a set of step by step guided samples, covering core concepts of React + Redux (basic concepts, middleware, ...)

License: MIT License

HTML 0.72% TypeScript 86.68% JavaScript 12.50% CSS 0.11%

redux-by-sample's Introduction

Redux by sample with Typescript

The goal of this project is to provide a set of step by step guided samples, covering core concepts of React + Redux (basic concepts, middleware, ...)

Characteristics:

Bundling based on webpack.
React + Redux + Typescript based.
Simple navigation using react-router.

Contributors and reviewers are more than welcome.

##To get started:

Install NodeJS
npm install webpack -g - Installs webpack
Download this repo
Open the command line of your choice and cd to the root directory of this repo on your machine, then cd to one of the demos projects.
npm install - Installs packages
npm start - Builds the project and launch a lite web server (webpack-devserver).
Navigate to http://localhost:8080/ if your browser doesn't open automatically.

About Basefactor + Lemoncode

We are an innovating team of Javascript experts, passionate about turning your ideas into robust products.

Basefactor, consultancy by Lemoncode provides consultancy and coaching services.

Lemoncode provides training services.

For the LATAM/Spanish audience we are running an Online Front End Master degree, more info: http://lemoncode.net/master-frontend

redux-by-sample's People

Contributors

Stargazers

Watchers

redux-by-sample's Issues

Review Readme 07 SimpleApp_List

Change to stateless MembersArea presentational component

Update dependencies for sample 06, 07, 08 and 09.

Roadmap:

- Sample 06 - SimpleApp Navigation #69
- Sample 07 - SimpleApp List #70
- Sample 08 - SimpleApp Form #71
- Sample 09 - SimpleApp Validation #72

Once I've verified it works I'll do a recheck following README.md

- Iterating over sample 06 - SimpleApp Navigation #69
- Iterating over sample 07 - SimpleApp List #70
- Iterating over sample 08 - SimpleApp Form #71
- Iterating over sample 09 - SimpleApp Validation #72

Create sample using chai-jest-snapshot

Review Readme 09 Simple App_Validation

Samples 12, 13, 14, 15, 16 por to latest React, TS, and other libs versions

You can take as reference:

https://github.com/Lemoncode/react-simple-testing

Thanks!

Your tutorial really helped me a lot! I've been struggling for hours until I found this. 😄

Create sample 11 Testing with Jest

Update dependencies for sample 06 SimpleApp Navigation

Update lcFormValidation package 09 Simple App_Validation

Update samples to use awesometypescript ts --> es6 --> babel --> es5

Update depenencies on 10 Hotloader update to React 16 and latest TS version

Update dependencies for sample 08 SimpleApp Form

11 Testing jest update and try to setup debugging

fix naming: login.validation should be studentDetail.validation and be placed on the right folder 09 ... 14

Update dependencies for sample 07 SimpleApp List

Update 06 SimpleApp_Navigation sample

Sample 10 HotLoader does not work (fresh install, no changes made on my end). When a change is made in the code, the hot loader does not update the app in the browser. I have to refresh the page. Any ideas please how to fix this?