This project was created to fulfill the requirements for the Phase 3 React project for the Flex course at DigitalCrafts Houston.
The project is a base user interface (UI) structure for teachers and students to communicate more efficiently and simplistically. This project was developed to demonstrate skills in using React and Redux in creating a frontend only web application.
The following technologies were used to create this project
- React - A JavaScript libary for building user interfaces
- Redux - A predictable state container for JavaScript apps
- Bulma - An open source CSS framework for clean and consistent styling
- Create React App - A user-friendly library that makes creating react apps easier
This project created some challenges as each stage of the process was completed. Some of the biggest 'take aways' are listed below:
- Structure is important - pre-writing the design of the tree and store are vital pre-work steps in creating a react-based application.
- The Store - before doing any code, read the documentation about how to create a store and how it fits as a piece of the puzzle in the larger project. Mapping the store and key containers not only impacts syntactic structure, but also the semantic comprehension of a projects code.
- Size and performance - creating smaller, reusable containers is the most powerful advantage of using react. When paired with redux, these duplicatable components increase performance and also reduce the challenges posed by increasing scale.
- To the entire DC Houston Flex instructional team, thank you for the painstaking question-answer sessions, the tasty tacos, and your patience. We couldn't have done this without you guys.