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.

Create Videos using ReactJs with Remotion
10/15/2023

Create Videos using ReactJs with Remotion

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
4/17/2023

Upgrading NextJs v11 to 12 hopefully to 13

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
3/19/2022

Build SuDoKu game using ReactJs

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
7/24/2021

ReactJs tutorial for beginners in Nepali

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
5/5/2021

Building SVG Clock using ReactJs

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
4/26/2021

Build Minesweeper game using ReactJs

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
5/1/2021

Low waste data modeling using graph

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.

© 2023 Anil Maharjan