cornflourblue/react-hooks-redux-registration-login-example

React Hooks + Redux - User Registration and Login Tutorial & Example

react-hooks-redux-registration-login-example

React Hooks + Redux - User Registration and Login Tutorial & Example

For documentation and live demo see https://jasonwatmore.com/post/2020/03/02/react-hooks-redux-user-registration-and-login-tutorial-example

react-hooks-redux-registration-login-example's Issues

Issue to be chalanged

hello @cornflourblue for your efforts,
I was inspired by this example , but I noticed that something is missing.
the privateRoute is not really functional, you are using the localstorage to check if user was logged.
#the problem is if I put some dummy-data without fetching my api in localstorage, I will get access to private route(redux-system usage ?)
my question do you have a safe way to resrict access to privates routes and precheck if data is correct, if local storage was manually updated or inserted(corrupted data)

export const PrivateRoute = ({ component: Component, ...rest }) => (
    <Route {...rest} render={props => (
        localStorage.getItem('user')
            ? <Component {...props} />
            : <Redirect to={{ pathname: '/login', state: { from: props.location } }} />
    )} />
)

How to change styling

Thanks for a great app and tutorial!
I'm wondering how to change the styling (css).

Thanks!

Error: Config file /config/runtime.json cannot be read.

Error: Config file /config/runtime.json cannot be read. Error code is: undefined. Error message is: FileSystem.readFileSync is not a function.
Getting this error idk why

Adding GraphQL Support

Hi there, I'm curious: What's the best way in your opinion to modify your code in order to support GraphQL?

Redux + GraphQL might be an overkill.
So curious as to your preferred approach.

Thanks!

Hitting error on npm start

I downloaded this repo and intalled packages with 'npm install'

After npm start. Got below error

ERROR in ./src/index.jsx
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Cannot find module '@babel/compat-data/corejs3-shipped-proposals'