ReactJS is a free and open-source JavaScript library for building user interfaces. It was developed by Facebook and is now maintained by a large community of developers. ReactJS allows developers to create reusable UI components that can be used to build complex web applications. ReactJS uses a declarative approach to programming, which makes it easy to reason about and maintain code. It is also highly performant, thanks to its use of a virtual DOM and efficient rendering techniques. Overall, ReactJS is a powerful and flexible tool for building modern web applications that are fast, scalable, and maintainable.
In this blog post, we’ll build a Joke bot using XState, a popular state management library for JavaScript. Our joke bot will be able to tell jokes, respond to user input, and transition between different states based on the user’s messages. The DEMO site can be found here: https://jokes-bot.netlify.app/ The Github repo for this project […]
If you are a python dev, in python you can use code video generator Remotion is a video generation tool that enables you to programmatically create videos. It holds particular appeal for web developers, as it leverages React as a framework for video creation. This blog post is intentionally concise and focused, aiming to help […]
upgrading NextJs from v11 to 12. Webpack@4 is no more supported so first Upgrade Webpack v4 to v5 Simply run yarn up webpack Try running NextJs yarn dev Still uses webpack v4… Using webpack 4. Reason: webpack5 flag is set to false in next.config.js https://nextjs.org/docs/messages/webpack5 Change webpack5 to true in next.config.js Run NextJs again. ValidationError: […]
I recently thought of creating a SuDoKu game using JavaScript. Having played the classic game and enjoyed it in the past, I did not think of how complex the process of generating an instance of a game would be in the beginning. I quickly realized even after generating the random completed state successfully, creating a […]
Here is my attempt to create a Video tutorial for ReactJs beginners’ course in Nepali. Watch all the videos in the series on this Youtube Playlist Episode: 1 Content Introduction to React and Frontend Dev landscape Bootstrapping a project using CRA React Component basics Props States Introduction to React What is an SPA? What is […]
DEMO: https://df2y4.csb.app/ GitHub: https://github.com/dejavu1987/react-svg-clock This blog post is an exercise from my previous blog post Introduction to Polar Coordinates, plotting on radial diagrams. If you have not read the post and have no idea how radial coordinates work. Please go to the post and read and come back. If you are confident, lets go build […]
Here is the demo of Minesweeper game I built using ReactJs. http://react-minesweeper.anilmaharjan.com.np/ I will be creating a step-by-step guide on, all the possible challenges, (hard parts) and the way I approached them. These are just one of the ways we can approach these problems. I appreciate your feedback and PR with suggestions and improvements. The […]
Hello internet, I decided to write this up after presenting a talk about it to my colleagues at Inviqa recently. I will try to walk you through this mindblowing journey of modeling your data from scratch to building a graphQl API, to consuming the API and then serving it in a ReactJs app.
