Riju K Sajeeblog.rixlayer.dev·Jan 17, 2023A Beginner's Guide to integrating MongoDB with ReactMongoDB is a popular NoSQL database that can easily integrate with React.js to create powerful and dynamic web applications. In this article, we will look at how to set up and use MongoDB in a React application. We will cover everything from installi...2.1K readsReact.jsReact
Riju K Sajeeblog.rixlayer.dev·Jan 15, 2023React.js RouterWelcome to the world of Single Page Applications (SPAs), where the journey is just as important as the destination. In this guide, we'll be exploring the React.js Router, a powerful tool that allows developers to navigate the virtual pages of their S...37 readsReact.jsReact
Riju K Sajeeblog.rixlayer.dev·Jan 13, 2023Carousels: Taking a spin with React"Life is like a carousel, it goes up and down and round and round" - ChatGPT. Just like the carousel in life, creating a carousel component in React can be a bit of a wild ride. But don't worry, by the end of this article, you'll be able to create yo...80 readsReact.jsReact
Riju K Sajeeblog.rixlayer.dev·Jan 12, 2023Creating a Modal Component in React.jsIntroduction to React Modals A modal, in web development terms, is a window or dialog box that appears on top of the current page. Modals are typically used to display content or prompts that require user interaction, such as forms, alerts, and confi...44 readsReact.jsReact
Riju K Sajeeblog.rixlayer.dev·Jan 11, 2023Implementing Pagination in ReactPagination is an essential feature when it comes to displaying large amounts of data. It helps to break down the data into manageable chunks, making it easier to navigate and improving the overall user experience. In this article, we will be learning...50 readsReact.jsReact
Riju K Sajeeblog.rixlayer.dev·Jan 10, 2023React 101: Create a Simple FormCreating forms in React can seem daunting at first, but with the right approach, it's a straightforward process. In this article, we'll go through the steps of building a simple form in React, including creating a form component, adding form fields a...1 like·47 readsReact.jsReact
Riju K Sajeeblog.rixlayer.dev·Jan 9, 2023Mastering Event Handling in React.jsAs a React developer, one of the fundamental concepts you'll need to understand is how to handle events in your applications. Events are user interactions with the page, such as clicks, hover events, and form submissions. In this tutorial, we'll expl...99 readsReact.jsEvent Handing
Riju K Sajeeblog.rixlayer.dev·Jan 7, 2023Simplify your code with React.js Context APIAt its core, the Context API is a way to share data between components in a React application. It allows you to create a "context" of data that can be accessed by any component in the application, without the need for props drilling. Imagine you have...156 readsReact.jscontext API
Riju K Sajeeblog.rixlayer.dev·Jan 5, 2023Understanding Props & State in React.jsAs a beginner in React.js, you may have heard the terms "props" and "state" thrown around a lot. But what do these terms actually mean, and how do they fit into the bigger picture of building applications with React? In a nutshell, props and state ar...54 readsReact.jswrittenbygpt3
