This project is a simple blog app.
The content for each blog is retrieved from the JSON placeholder API through the initialisation of an Axios instance.
In addition, you also have the opportunity of adding your own 'blog' to the DOM. This can be found when clicking on the "New Post" navigational link. All code related to this section (New Post) of the Latin Blog app are loaded lazily. The implementation of lazy loading within this project is nonsensical considering its build size. Nonetheless, it has been added to show knowledge of its purpose. Disclaimer: React.Suspense has not been implemented to tackle lazy loading within this project because it has only been made available from React version 16.6 onwards. Also due to it being within the experimental stage.
Components in this project are class-based.
Moreover, the core purpose of project Latin Blog is to showcase my implementation of React Router DOM to create a Single Page Application (SPA).
Latin Blog is created using:
- react version: 16.0
- react-router-dom version: 5.2.0
- axios version: 0.16.2
The link for a live demonstration of how this app works can be found here; Latin Blog
I hope you've enjoyed it!