- Create React App - bootstrapped project with community defaults & setup dev environment
- React - web component library
- Material-UI component library
- Material UI Icons default icons
- @mdi Icons for community expansions
- React-Markdown - converts markdown to react to html
- React-helmet - emebeds
<title>
and<meta>
tags into<head>
element
You need to have node and npm installed
# initialize first time
npm init
# run app locally
npm start
Available scripts can be found in the scripts
section in package.json
. The following scripts are execute react-scripts and run a local development server with features such as hot re-load or build deployments minified deployments optimized for production.
# Runs the app in the development mode on local app server
npm run start
# launches the test runner
npm run test
# Builds the app for production to the `build` folder
npm run build
- Add yellow / blue custom theme colors
- Separate out routes
- Add fixed footer
- Switcher footer to dark
- Add full width navbar
- Add all documents - render paths based on name
- Style generated markdown with Material UI themes
- Scroll to top after navigation
- Animated route transitions
- deploy to gh-pages
- add helmet tags
- add sessions / speakers from past years
- render markdown on build w/o fetch (might have to eject)
Here are some of the helpful resources used, at some point, in the development and deployment of this project, broken up by topic.
- How do I load a markdown file into a react component?
- Add state and lifecycle methods to Function Components with React Hooks
- Including external .md files
- Reference image in a markdown file
- React - How to export a pure stateless component
- Pass props to a component rendered by React Router
- React tips — Validating Props with
PropTypes.oneOf
- Adding Images, Fonts, and Files
- Can't import image from src
- Add support for public/ folder
- Using the public folder
- Icons - SVG instead of Fonts
Pre-Rendering into Static HTML Files An almost static site Pre-rendering with React-snap