Coder Social home page Coder Social logo

advanced-react's Introduction

Advanced React and Redux

This is the code from the Advanced React course by Stephen Grider at Udemy

Progress

Working on section 7 - Auth client

Starting point

I have used a slightly different starting point for my 4 projects by forking Stephen's ReduxSimpleStarter here.

It has the calls to the Google Maps API removed, the test_helper after the testing section, and one or two files re-formatted.

Auth Login / Signin

I have used Login/Logout instead of Signin/Signout consistently across the Auth server and client, because I prefer the complete difference in words. I have confused myself, and I have seen lecturers / co-workers confuse themselves and me when there is the slip of the tongue between talking about signin and signup. e.g.

  • server authentication.signin -> authentication.login

  • server router /signin, requireSignin -> /login, requireLogin

  • client index /signin -> /login

  • client index /signout -> /logout

  • client Signin -> LoginForm

  • client Signout -> Logout

  • client actions signinUser, signoutUser -> loginUser, logoutUser

  • ... and so on

axios v0.13.x

Axios has changed the way that errors are caught, so in the action creator signupUser() it needs the following

  .
  .
  })
  .catch(error => dispatch(authError(error.response.data.error)));

instead of the code that Stephen writes, which is

  .catch(response => dispatch(authError(response.data.error)));

Git client

I have used Git at the command-line for almost 10 years. Over that time, I have tried many different graphical shells for Git, without finding one that was easier and nicer to use than the command-line (in my view).

I have now found that GitKraken is an excellent Git shell and would advise using it to everyone.

Questions

If you have any questions about this repository, or any others of mine, please don't hesitate to contact me.

advanced-react's People

Contributors

juliannicholls avatar

Watchers

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