ReactJs

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.

Joke bot with a state machine using XState

Joke bot with a state machine using XState

, April 13, 2024

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 […]

Create Videos using ReactJs with Remotion

Create Videos using ReactJs with Remotion

, October 15, 2023

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 v11 to 12 hopefully to 13

Upgrading NextJs v11 to 12 hopefully to 13

, April 17, 2023

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: […]

Build SuDoKu game using ReactJs

Build SuDoKu game using ReactJs

, March 19, 2022

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 […]

ReactJs tutorial for beginners in Nepali

ReactJs tutorial for beginners in Nepali

, July 24, 2021

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 […]

Building SVG Clock using ReactJs

Building SVG Clock using ReactJs

, May 5, 2021

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 […]

Build Minesweeper game using ReactJs

Build Minesweeper game using ReactJs

, April 26, 2021

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 […]

Low waste data modeling using graph

Low waste data modeling using graph

, May 1, 2021

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.

© 2024 Anil Maharjan