glarimy / glarimy-reactjs

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Running the illustrations

1. Installation
Move to the project folder
Make sure all the depenedencies are available in the package.json
Run npm install 

2. Running the application
Move to the project folder
Update the port number in the webpack.config.js, if needed
Run npm start

3. Creating distributable js file
Move to the project folder
Verify the "production" script is configured in the package.json
Run npm run production

4. Adding the react to a REST server
Prepare the WAR from the REST Java application
Deploy the WAR in the tomocat webapps
Copy the index.html file from the project to the webapp in the tomcat
Copy the target/index.js file from the project to the webapp in the tomcat

5. Website
http://www.glarimy.com

Illustrations:
glarimy-reactjs-01: Creating and mounting a React Component
glarimy-reactjs-02: Nesting the components, passing parameters, holding state and handling events
glarimy-reactjs-03: Communication from child to parent
glarimy-reactjs-04: Redux reducers and stores
glarimy-reactjs-05: Redux state management with stores, reducers, dispatches and fetch-ajax
glarimy-reactjs-06: Ajax POST operations
glarimy-reactjs-07: Routers
glarimy-reactjs-08: Ajax DELETE operation
glarimy-reactjs-09: Code organization
glarimy-reactjs-10: Combining Reducers
glarimy-reactjs-11: Middlewere
glarimy-reactjs-12: Action creators and Code organization
glarimy-reactjs-13: Redux Thunk
glarimy-reactjs-14: React-Redux Connect
glarimy-reactjs-15: Server Integration
glarimy-reactjs-22: Exercise with form handling
glarimy-reactjs-23: Exercise with Ajax (extension to glarimy-reactjs-22) 
glarimy-reactjs-24: Exercise with Extending and composing components  (extension to glarimy-reactjs-23)


About


Languages

Language:JavaScript 95.2%Language:HTML 4.1%Language:CSS 0.6%