Top Banner
005. A REACT PROJECT STRUCTURE Presenter: Binh Quan
14

005. a React project structure

Mar 20, 2017

Download

Software

Binh Quan Duc
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: 005. a React project structure

005. A REACT PROJECT STRUCTURE

Presenter: Binh Quan

Page 2: 005. a React project structure

❖Package: ‘react-router’❖Document:

https://github.com/ReactTraining/react-router/tree/master/docs❖Current version: 3.0.0

ReactJS - Router

Page 3: 005. a React project structure

ReactJS - Router

Project structure

Page 4: 005. a React project structure

ReactJS - Organize source

Page 5: 005. a React project structure

ReactJS - Organize source

Routing using JSON

Page 6: 005. a React project structure

ReactJS - Organize source

Even more

Page 7: 005. a React project structure

ReactJS - Use route pattern

Page 8: 005. a React project structure

ReactJS - Router explain

Page 9: 005. a React project structure

ReactJS - Router

Component not found

Page 10: 005. a React project structure

ReactJS - Router params

Page 11: 005. a React project structure

ReactJS - Links

Page 12: 005. a React project structure

ReactJS - Router Authorization

❖ Package: ‘react-router-role-authorization’❖ Document:

https://github.com/burczu/react-router-role-authorization❖ Current version: 1.0.0

Page 13: 005. a React project structure

ReactJS - Router Authorization

Page 14: 005. a React project structure

Now Demo