Skip to content
An example website built with React and tons of other great stuff
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
app
cgi-bin
internals
server
.editorconfig
.gitattributes
.gitignore
.lgtm
.travis.yml
Procfile
README.md
appveyor.yml
emailHandler.php
package.json
yarn.lock

README.md

Joe's React Website

An example website built with React and tons of other great stuff

Motivation

Often developers want to know the proper way to structure their applications, and poll users for their favorite tech stack. This project aims to provide an answer to those questions through example.

Prerequisites

For this example to be of use to you, you should have a basic understanding of

  • React
  • ES6
  • JSX

If you're new to React I highly recommend you check out Mark Erikson's excellent list of resources and then come back.

Features

Scalable Architecture
Organizing by feature instead of type means as the application grows you won't have to search through hundreds of files to find the one you're looking for. Additionally you'll have the added benefit of easier debugging.
Immutable State
Creates state predictability and eliminates the unwanted side effects and headaches of mutable data.
Bleeding-edge JavaScript
Classes, template literals, destructuring assignments, generator functions, all that fun stuff.
Composable CSS
The styles are located next to the components but not in them; separating logic and styles while increasing readability. Only the styles for the current component are loaded for optimal performance.
Code Splitting
Not only the css but also the javascipt, images, and html of the current path are loaded decreasing page rendering time and saving bandwith on the client side.
Offline-first
Load the app once and from then on a service worker will load the page in case an internet connection isn't available.
SEO
Head tag management, structured data / rich snippets, everything a search engine wants and needs.
Battle Tested
My web app currently has 100% test coverage as all good apps should.

Built With

Tests

Author

Joseph Ireland - Website

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.