Giter Site home page Giter Site logo

moguelor / react-venados-test Goto Github PK

View Code? Open in Web Editor NEW
1.0 2.0 0.0 1.97 MB

Application for the team soccer Venados in Mérida Yucatán, created with react.js.

Home Page: https://moguelor.github.io/react-venados-test/

HTML 2.28% CSS 0.19% JavaScript 97.53%
recruiter react redux react-router reselect react-motion glamor redux-thunk moment immutability-helper

react-venados-test's Introduction

React Venados App Test Live Demo

Project created for show knowledge in react.js, the required issues you could find in the next here:

Started Kit

The initial structure was created by Create React App, it's very helpul and fast when start the project.

Get Started

  • git clone https://github.com/jmoguelruiz/react-venados-test.git
  • cd react-venados-test
  • yarn install
  • yarn start

Structure Folder

Is used the metodology called "Structure By Features" for the organization of folders, I think that is the easy way for to manage big projects.

More Info.

.
├── src                       # Main code.
│   ├── common                # Reusable code.
│       ├── components        # Reusable components in react.
├── pages                     # Each module of application, is commonly defined by the direction from react/router.
│   ├── home                  # Main page.
│       ├── actions           # Redux actions. List of the differents actions.
│           ├── index.js      # Main point entry for actions. 
│       ├── api               # Api actions.
│           ├── index.js      # Main point for api actions.
│       ├── components        # Local component by module.
│           ├── index.js      # Main point for components.
│       ├── actionTypes.js    # Constants to identify what actions we have.
│       ├── constants.js      # General constants.
│       ├── Container.js      # Smart component with redux.
│       ├── index.js          # Main point of module. (actions, reducer, Container, etc).
│       ├── reducer.js        # Reducer de redux.
│       ├── selectors.js      # Getters for the state de redux.
│   ├── configureStore        # Configuration of store de redux.
│   ├── index.js              # Application point entry.

Libraries.

Some libraries used.

react
redux
react-redux
react-router
connected-react-router
reselect
react-motion
glamor
redux-thunk
redux-api-middleware
moment
react-modal
prop-types
immutability-helper
redux-immutable-state-invariant

react-venados-test's People

Contributors

moguelor avatar

Stargazers

 avatar

Watchers

 avatar  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.