https://github.com/awcodify/tryeact-learn-react

Let's create a production quality application and code with fun :)
https://github.com/awcodify/tryeact-learn-react

react react-component react-router

Last synced: 24 days ago
JSON representation

Let's create a production quality application and code with fun :)

• Host: GitHub
• URL: https://github.com/awcodify/tryeact-learn-react
• Owner: awcodify
• Created: 2017-09-05T08:28:38.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-09-13T10:37:05.000Z (over 7 years ago)
• Last Synced: 2024-10-21T22:58:10.961Z (2 months ago)
• Topics: react, react-component, react-router
• Language: JavaScript
• Homepage:
• Size: 1.63 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Tryeact

Let's play, React! :)

This repository is my playground to learn React and improve my javascript skill. **Dont forget to always see my commit for following my journal**

# Main Goal

### :+1: Create production quality application

# Current Goal

:heavy_check_mark: create simple todo application

:heavy_check_mark: include unit test [_(Why Should We Unit Test?)_](https://gist.github.com/kn9ts/6419026f021e292080b8f1382c30a730)

:heavy_check_mark: change item/list/object/array without mutations [_(read about mutations)_](https://medium.com/@fknussel/arrays-objects-and-mutations-6b23348b54aa)

:heavy_check_mark: create a partial function [_(read here)_](http://honyovk.com/articles/partial-functions-javascript/)

:heavy_check_mark: handle function composition with pipe function _(Let's make our function more readable)_

:heavy_check_mark: use react context for manage application state

:heavy_check_mark: create/read/update/delete data from a server using fetch [_(Read ES6 Fetch)_](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch)

# How to use

* `npm install` or `yarn`

* `yarn start` for run development server

* `yarn test` for fun the test

### dont forget to run the json-server

* `npm install -g json-server` install json-server globally

* `json-server -p 3030 --watch db.json` see db.json on the root of application

# Wanna discuss with me?

Let me know if you want to play together with me or have any suggestions for me. Sharing is caring is learning.

Just mail me at [email protected]

_This project was bootstrapped with [Create React App](https://github.com/facebookincubator/create-react-app). Thanks to Egghead for awesome tutorials_