Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Map Demo Exercise (React/Redux) - Author: Hamed P #50

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

hammyTemp
Copy link

This project is created using a react, redux, and react-router with the help of webpack to bundle the files.
Please refer to the Readme.md file for further information, or visit my repo page for a screenshot:
https://github.com/hammyTemp/map-demo

About this commit:

  • a working example of a google map, and user interactions with it.
  • It utilizes the react-google-maps library.
  • ES6/7 Support with Babel.
  • jQuery was removed, and lodash is used instead of underscore.
  • bootstrap styling and components for quick implementation of appealing visuals.
    Redux dev tools to keep track of the app's state.
  • routing to achieve deep linking usinf react-router.
  • hot module replacement (HMR) support so you can change modules or react components without having to reload the browser.
  • a webpack production config so you can build the app and make it ready for production.
  • sass and css module support that prevents style-bleeding due to hashing
  • autoprefixer package to automatically add the vendor prefixes and remove the unnecessary CSS styles
  • eslint to keep the code more readable.
  • shrinkwrap is used to lock package versions to avoid potential package discrepancies in future.
  • immutable library was not used. I write pure functions and follow functional paradigm myself and don’t need a library to do the job for me.
  • etc...

This project is created using a react, redux, and react-router with the help of webpack to bundle the files.

Contains:
- a working example of a google map and user interactions with it.
- It utilizes the react-google-maps library.
- ES6/7 Support with Babel.
- jQuery was removed, and lodash is used instead of underscore.
- bootstrap styling and components for quick implementation of appealing visuals.
Redux dev tools to keep track of the app's state.
- routing and deep linking.
- hot module replacement (HMR) support so you can change modules or react components without having to reload the browser
- a webpack production config so you can build the app and make it ready for production
- sass and css module support that prevents style-bleeding due to hashing
- autoprefixer package to automatically add the vendor prefixes and remove the unnecessary CSS styles
- eslint to keep the code more readable.
- shrinkwrap is used to lock package versions to avoid potential package discrepancies in future.
- immutable library was not used. I write pure functions and follow functional paradigm myself and don’t need a library to do the job for me.
- much more...
@hammyTemp
Copy link
Author

Please clone and run:
npm i && npm run dev
It will be served on localhost:9000

@hammyTemp hammyTemp changed the title Map Demo Exercise - Author: Hamed P Map Demo Exercise (React/Redux) - Author: Hamed P Aug 20, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

1 participant