msrxse / loginflow Goto Github PK
View Code? Open in Web Editor NEWRole-based authorization using React and react-router
Role-based authorization using React and react-router
Sending login form triggers action
Implement views for LoginPage
see auth action file
If no username or password was specified, throw a field-missing error.
Login/Registers sets logginIn=true
Hook this.props.loggedIn in store so clicking login button sets this variable true. This is the previous step that will permit toggling whats seen on the views depending on loggin status.
Add loader:
bootstrap-loader: Add bootstrap-loader as a module in an entry point in the webpack config file.
Displays a loading indicator during requests (when clicking Login button).(missing simulation of network latency so it can be seen)
Sending register form triggers action to toggle auth var
Right now, the inclusion of postcss has broken all scss files. I have rename them as css but all those mixins and variables could be incorporated. I believe is the postcss plugin cssnext. Also see postcss-import and cssnano.
See docs at https://github.com/postcss/postcss-loader
Sending login form triggers action.
I need to use arrow functions within the body of classes. Note that babel-plugin-transform-class-properties is installed. Just need to figure out how to add "plugins": ["transform-class-properties"] within webpack2.
Refactor styles on buttons
Setup testing environment: Jest and Enzyme.
Move scss files to its own folder
Users have access to protected page called DashBoard after LoggIn/Register.
Router redirects users to HomePage after LoggIn/Register
First we are going to do is create a Navigation bar on top, functionality would be different for login and not logged in users. Nav files inside Header folder and Stream folder becomes Pages, where all views of the app will be implemented.
Implement views for RegisterPage
Once a user has logged in with their credentials, then the next step would be to make a subsequent request, with the token, to retrieve the users' details, so you can show them as being logged in.
Created users are saved to local storage, so are available after quiting the borwser
Webpack is not actually using the css loader.
LoaderOptionsPlugin was built for migration from webpack 1 to 2 and is not longer needed.
Right now is in src/index.js
Change forms to use controlled form fields
Install:
redux-devtools
redux-devtools-dock-monitor
redux-devtools-log-monitor
See implementation already on:
https://github.com/jmarcosuarez/iso-stack/blob/master/package.json
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.