Skip to content
This repository has been archived by the owner on Mar 11, 2019. It is now read-only.

Resources

Nils Griswold-Steiner edited this page Mar 25, 2017 · 16 revisions

This page will act as a collection of resources to be used by both the front-end and back-end webapp teams.

General Resources

Git

git - the simple guide

Git Cheat Sheet

Javascript

You Don't Know Javascript

Front End Resources

Start Here

Official React Tutorial - learn the basics of React

React Router Tutorial - learn the basics of react-router

Redux - this project uses Redux to manage authentication state, among other things. It is absolutely vital that you understand how to read from and write to the Redux store.

react-redux - react-redux contains the official react bindings for Redux. This includes connect, which connects a React component to the Redux store.

firebase - at least for now, this project uses a firebase back end. Everyone working on this project should know how to use the firebase web API.

Higher-Order Components - The method we use to block users from accessing certain components involves higher-order components (HOCs), so everyone should be aware of how they function.

React.js

ReactJS Program

The Purpose of index.js

Setting Up a React, ES6, and Webpack Project - learn about the tools that were used to set up this project.

React Router

React Router Homepage

Composing Routes in React Router - this article has information on how to split routing into multiple files.

Huge Apps Example - this repository has an example of the way the code for this project is structured.

UI

css-modules

grommet - grommet is the UX library used in this project. Developers should be familiar with how to use it.

Testing

Mobile Device Emulation on Chrome - Because of the way this project's production environment is set up, it will be difficult to test on actual mobile devices. This page has information on how to change device emulation settings in Chrome DevTools.

Mocha - This is the test framework. It provides structure for unit tests.

Chai - This is the assertion library.

Enzyme - This is a tool used to work with React components.

Sinon - This is a function spying, stubbing, and mocking library.

Clone this wiki locally