Book Trader
Book trading app
This is the first project that was built using react boilerplate. After completing a number of fullstack react applications and gaining a good understanding of the tooling, I wanted to take my react applications to the next level. React boilerplate provided the base to do that, built on a foundation of best practices for building scalable react applications.
While react boilerplate is designed for large projects using it to build smaller demo projects provided a great learning experience for building large scalable applications.
With react-boilerplate I learned to use new tools and libraries including:
Each of these tools provided improvements on my previous react applications. Styled components made styling a react application much simpler, keeping the CSS for a components tied solely to that component and allowed even more flexibility than Sass.
Redux-Saga was an immense step up from Redux Thunk, greatly simplifying the client code for asynchronous interactions with the server and other resources.
ImmutableJS provided cleaner and more understandable reducer code due to its methods for creating a new updated object, and ensured the immutability of the application state.
Reselect made accessing various portions of the state from components, sagas, and anywhere else in the application much more straightforward and limited the state accessed to only those portions that were required.
In addition to familiarizing myself with these new tools, I also learned a lot about the structuring of scalable react applications from the demo application react boilerplate provides.
As well as the tools and libraries that are a part of react boilerplate I used MongoDb and mongoose for data storage and access, Passport JS for authentication and react-bootstrap.
This project was built with react-boilerplate.
Additional dependencies: