First approach of React
I first discovered React quite late in 2020 summers with the Clever Programmer channel.
I really liked how chill they are and how much they encourage you to progress. Plus the coding videos are very chill and easy to follow in my opinion.
At that time I wasn't too much in UI/UX stuff but more on the backend/database side when creating a new project.
With React, I really liked how I could easily move some backend logic to the frontend and empower the interface.
Then I was able to expose my project in 5 seconds with serverless applications such as Firebase, Netlify, Vercel, etc.
What I have learned
- Getting started with ReactJs
- Component oriented conception
- Twitter API integration React-twitter-embed to include tweet feed
- Make async API request with fetch and Axios
- React modules (react-flip-move, react-leaflet)
- React forward ref and Redux
- CSS modules and Styled components
- Integration of Firebase for database and hosting (firestore=realtime Firestore database to store comments)
- Integrate Firebase with Google authentication
- Integration of Material UI (https://material-ui.com/)
Projects completed
Here are the projects I built in React and I will continue to add the new ones here.
2020
Perpetual Firebase cleaning
To avoid having very many messages in the database and also to prevent weird/bad messages to stay visible, I had to set up an auto-clear logic of the database for the Twitter, messenger, and discord clone.
Every time the app is running on a new browser when pulling the data, I check the timestamp of the message and if it's older than X days for example then I delete the messages.
With this solution, every time someone clicks on my project live website, I'm sure the old data are clear and the app is ready to run like if it was released yesterday 🙀