web development54 min read
Create a Multi-Room Chat App Using React and Firebase
Learn to build a real-time chat app with React and Firebase. Master room-based data models, user authentication, and create public and private rooms with join codes.
Tag
JavaScript
Programming language for interactive websites and applications
12 articles
web development11 min readHow to Convert an SVG into a React Component: A Simple Guide
Learn how to convert SVG to React component with dynamic styling. This guide shows how to import SVGs as components, change SVG color and size in React, and handle complex SVG files.
web development11 min readPractical implementation of the Rule of Least Power for developers
It's easy for devs to default to JavaScript to fix every problem. Let's use the RoLP to find simpler alternatives with HTML and CSS.
web development11 min readHow to Integrate Sender with a React Form to Collect and Deliver Emails for Free
Setting up a subscription form on your website is a great way to collect emails from your visitors. You can then use these emails to send them newsletters, updates, and other important information about your website.
web development2 min readHow to Auto Update Copyright Year on Your Website
Easily add & update the copyright year on your website with this JavaScript code. Ensure accurate protection & signal the content's ongoing relevance & maintenance
web development18 min readBest Practices for Securing Your React Application
React is a robust library that empowers developers to create reusable components and build sophisticated user interfaces. However, as with any web application, security is paramount to safeguard against potential attacks like XSS (Cross-Site Scripting) and CSRF (Cross-Site Request Forgery).
web development13 min readHow to Debug React Code: Tips and Tricks for Developers
Learn tips & tricks for debugging React code effectively with this article. Explore different techniques & tools to identify & fix issues in your React applications.
web development16 min readHow to Build a Real-time Chat App with React and Firebase
In this article, we will build a real-time chat app using React and Firebase. We will allow the user to log in with their google account using Firebase's Google sign-in Authentication, and we will store and retrieve all the chatroom messages using Firebase's Cloud Firestore.
web development3 min readHow I learned NextJs in 2 days
Next.js is a React framework that makes working with React easier and faster whilst boosting the online presence and SEO of the websites built with it.
web development17 min readHow to Build a Responsive Image Slider with Html, CSS and JavaScript: Step-by-Step Guide
Learn to create a responsive image slider using HTML, CSS, and JavaScript. Elevate your front-end skills with this beginner-friendly project.
web development13 min readHow to Build a Random Color Flipper with Vanilla Javascript
Learn JavaScript with our color flipper tutorial! Elevate your skills with this random color generator that changes element background on click.
web development11 min readHow to Build an Accordion Menu 3 Simple Ways
Learn how to create HTML and JavaScript accordion menus for a cleaner and organized user experience in web design.
The newsletter
Join Timonwa's Notes
What I've been working on, and whatever links, tools, and posts stuck with me. Roughly once a month.