/react-starter

react starter including jwt tokens, code splitting, route transitions, rest api

Primary LanguageJavaScript

react-starter

react-starter is a react project with the goal of easing the development process by including the frameworks needed for authentication, token management, routing, and styling.

Installing and Running

npm install
npm run dev

Then browse to http://localhost:1234

Additional Information

This project provides the following functionality:

  • Project structure scalable for large applications
  • Examples of using React hooks and context using React v16.8.2
  • bulma.io - layout and css
  • parcel - code bundling
  • react router - routing
  • react-spring - animations and route transitions
  • json-server - custom rest api with jwt token authorization and refreshes
  • emotion.sh - styled components
  • react-loadable - examples of route based code splitting
  • dotenv - localized environment variables for development
  • axios - HTTP client requests. Middleware used for automatic token refreshes.

*Note that .env variables should be moved to constants file with the exception of any developer specific settings like API keys, etc.

Getting Started

After getting the project installed and confirming the application is running correctly, begin adding routes/content to the PrivateContent component.