Giter VIP home page Giter VIP logo

react_redux's Introduction

React with Redux

This repository is for understanding how to use React with Redux

Development

Preparation

We should install packages first.

> npm install

Getting YouTube API key

In this project, we need to get YouTube Video data by Google API.

When you enter into API Manager, you can easily find YouTube Data API. At this place, you have to subscribe API key with Browser key.

And then write down the key at 'config/config.js'

Base Information

This project uses the Bootstrap basically. You can find that CDN of Bootstrap has been wrote on '/index.html'

Directory Information

There are tree different sub-projects.

  • YouTube: it is only composed of React and deals with how to get data by Ajax or communicate with components by events(callbacks)
  • BookList: it is composed of React and Redux. Especially, it deals with Action creators, so we can check the flow of whole process.
  • WeatherForecastChart: it is also based on React and Redux with actions. However, there is something more important. That is Redux-Promise. It works like Promise of javascript, so holding the actions until the job is finished. Additionally, react-sparklines and react-google-maps are used to describe charts.

Weather Data

We get the weather forecast data by OpenAPI from OpenWeatherMap.

Using the API, we should apply for API Key personally at first time.

For further information about OpenWeatherMap API, you should access this link.

Post Data

From the lecture, he introduced a API server that has been created at reduxblog.

So, we can get and put data at this server. For further information, you should visit this site.

Test

Basically, this project uses Webpack and NPM script.

First, we need to install packages that are used in our project.

> npm install

After installation of packages, we can run our project with Webpack.

> npm start

Reference

Basically this project was from ReduxSimpleStarter.

react_redux's People

Contributors

tocology avatar stephengrider avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.