Generated by All in One SEO v4.9.5.1, this is an llms.txt file, used by LLMs to index the site. # Tekolio A blogging website that helps aspiring developers in React JS through various projects in React JS. ## Sitemaps - [XML Sitemap](https://tekolio.com/sitemap.xml): Contains all public & indexable URLs for this website. ## Posts - [How to build a Movie App in React using TMDB API?](https://tekolio.com/how-to-build-a-movie-app-in-react-using-tmdb-api/) - React Movie App or Movie App in React is a fun project that every React developer should make once, in order to improve/ enhance/ polish their React coding... - [What is Inheritance in Java and why is it important?](https://tekolio.com/what-is-inheritance-in-java-and-why-is-it-important/) - Inheritance in Java is a mechanism of creating a new class or interface from an existing one. The class that has been created is called the subclass, while... - [Encapsulation in Java: Theory, Implementation and Best Practices](https://tekolio.com/encapsulation-in-java-theory-implementation-and-best-practices/) - Encapsulation in Java binds data and methods into one unit called class while restricting direct access to object data. - [How to Make a Slider in React JS with Hooks?](https://tekolio.com/how-to-make-a-slider-in-react-js-with-hooks/) - Slider in React js has become a necessary thing to have on a website. It can be used in any way like an image slide... - [What is abstraction in Java and how to achieve it?](https://tekolio.com/what-is-abstraction-in-java-and-how-to-achieve-it/) - Abstraction in Java is one of the four pillars of OOPs which is used to hide complex details while displaying the ones which are easier to understand. - [Understanding the Fundamentals of OOPS in Java](https://tekolio.com/understanding-the-fundamentals-of-oops-in-java/) - In this blog, we will not only understand the concepts of OOPS in Java in short but the four pillars as well which will lay the foundation of our OOPS journey - [How to make Pagination in React js using React-Paginate?](https://tekolio.com/how-to-make-pagination-in-react-js-using-react-paginate/) - Pagination in React js Gives Us A Way To Render Large Pieces Of Data in React By Dividing Them Into Several Pages Of Equal Posts... - [What is the difference between Functional and Class Components?](https://tekolio.com/what-is-the-difference-between-functional-and-class-components/) - Functional Components are JavaScript functions that are usually created with the help of arrow functions... - [How to maintain large sums of data in React?](https://tekolio.com/how-to-maintain-large-sums-of-data-in-react/) - There are mainly four ways of loading a large amount of data in React - Pagination - Infinite scrolling - React-Virtualized - React-Window - - [OOPS Concepts 101: What Are the Key Concepts You Need to Know?](https://tekolio.com/oops-concepts-101-what-are-the-key-concepts-you-need-to-know/) - Object-Oriented Programming System (OOPS) is a programming paradigm built around the concept of objects — self-contained units that represent real-world entities like users, cars, or bank accounts. While objects are at the heart of OOPS, they are just one part of a broader system of concepts that define how OOP works. Together, these OOPS concepts - [Explaining TreeMap in Java in Simple English](https://tekolio.com/explaining-treemap-in-java-in-simple-english/) - TreeMap in Java, just like the HashMap, is part of the java collection framework. It is a red-black tree-based implementation of the Map interface... - [How to Add and Remove an Element from an array at a Specific Index in Java](https://tekolio.com/how-to-add-and-remove-an-element-from-an-array-at-a-specific-index-in-java/) - Arrays can only store a fixed number of elements in it thus making it impossible to either add or remove an element from an array without ... - [How I made my Portfolio in React?](https://tekolio.com/how-i-made-my-portfolio-in-react/) - Portfolio is one app that every developer should have as it showcases his work, and portfolio in React will not only showcases your work but is also ... - [How to Merge Two Sorted Arrays](https://tekolio.com/how-to-merge-two-sorted-arrays/) - In this blog, we're going to learn how to merge two sorted arrays into a single sorted array using different approaches like insertion sort, merge sort... - [What is the difference between Var, Let and Const](https://tekolio.com/what-is-the-difference-between-var-let-and-const/) - The main difference between var, let and const is their scope or simply in which part of the program They can be used. vat as we all know... - [How to Make Custom Pagination In React js with Hooks](https://tekolio.com/how-to-make-custom-pagination-in-react-js-with-hooks/) - Pagination in React js gives us a way to render large pieces of data in React by dividing them into several pages of equal posts... - [How to Create a Random Quote Generator using an API?](https://tekolio.com/how-to-create-a-random-quote-generator-with-random-color/) - Random Quote Generator is one of the basic coding problems and one that marks the beginning of API in the JS journey. This blog contains the step-by-step process... - [10 Ways for Hosting a React App for Free](https://tekolio.com/top-10-ways-in-which-we-can-host-a-react-js-app-for-free/) - Here are 10 ways for Hosting a React App is done . Hosting is very essential as it allows.. - [How to host a React App using Vercel Dashboard](https://tekolio.com/how-to-host-a-react-app-using-vercel-dashboard/) - There are many ways of hosting React App and Vercelis one of them. In this blog, we will see how to deploy... - [How to Host React App for free using Vercel CLI](https://tekolio.com/how-to-host-react-app-for-free-using-vercel-cli/) - Vercel has another of Hosting an App which is through its CLI. This blog will help you with it - [React Virtual DOM - Explained in Simple words](https://tekolio.com/react-virtual-dom-explained-in-simple-words/) - Virtual DOM is just a virtual copy of the actual object that the DOM has created for a specific node and... - [How to Host a React App on GitHub Pages with a Custom Domain.](https://tekolio.com/how-to-host-a-react-app-on-github-pages-with-a-custom-domain/) - GitHub has its hosting service which is called GitHub Pages. In this blog, we will see how to host a react app on GitHub Pages. - [How to create a Dictionary App in React](https://tekolio.com/how-to-create-a-dictionary-app-in-react/) - In this blog, we will make a Dictionary App in React which will print all the meanings, synonyms, antonyms, and examples of the given word... - [How to Host a React App on Netlify with Custom Domain](https://tekolio.com/how-to-host-a-react-app-using-netlify-with-a-custom-domain/) - In this blog, we will see how to host a React App for free using Netlify with a custom domain and a ... - [How to Dynamically Build a Calculator in React](https://tekolio.com/how-to-dynamically-build-a-calculator-in-react/) - We all have made calculator in JS, now its time to make it in React but dynamically. In this post we will cover some main but basic concepts of react ... - [What are hooks in React and What are it's Rules?](https://tekolio.com/what-are-hooks-in-react/) - Hooks are an addition to the Functional Components through which we can work with states and other React features without first converting them into classes as it was the ... - [What is the useState hook in React JS?](https://tekolio.com/what-is-the-usestate-hook-in-react/) - useState hook in React JS is a Hook that lets us add React state to function components”. It simply means that we can now declare state variables to functional components - [Explaining useEffect Hook in React](https://tekolio.com/explaining-useeffect-hook-in-react/) - useEffect hook is one of the most used hooks in React and it specializes in performing side effects in Functional Components. - [What are Props in React, and how to use them?](https://tekolio.com/what-are-props-in-react-and-how-to-use-them/) - Props in React are the read-only properties that are passed between two components mostly from the parent component to the child component. - [How to make a Pokemon App in React](https://tekolio.com/how-to-make-a-pokemon-app-in-react/) - The Pokemon App in React is one of the most important Apps that one should make as a beginner to test his skills and knowledge of React. - [How to Make a Table in React using Hooks with Multiple Features](https://tekolio.com/how-to-make-a-table-in-react-with-hooks/) - In this blog, we will make a table in React that can add, delete, edit, filter a row with sorting and pagination. - [Explaining React JSX in Depth](https://tekolio.com/explaining-react-jsx-in-depth/) - JSX stands for JavaScript Syntax Extension. It is a syntax for writing JavaScript and HTML together separated by curly braces. - [ReactJS Bad Practices and how to avoid them](https://tekolio.com/reactjs-bad-practices-and-how-to-avoid-them/) - Some ReactJS Bad Practices include- 1. Using Index as the key in the map function 2. Polluting Render method by using Anonymous functions 3. Using Nested Components ... - [How to Make a Table in React using React Table library](https://tekolio.com/how-to-make-a-react-table-using-react-table-library/) - React table is a library used for creating data tables with data grids which can sometimes be a hassle to make or deal with. It uses Hooks to ... - [Time Complexity of Algorithms Explained with Examples](https://tekolio.com/time-complexity-of-algorithms-explained-with-examples/) - Time Complexity of algorithms is the amount of time taken by an algorithm to run, as a function of the length of the input.. - [How to Make a Custom Hook in React](https://tekolio.com/how-to-make-a-custom-hook-in-react/) - the power that hooks have given us has gone beyond our imagination. Here we can even make Custom Hook(s) and use them in our apps like other hooks... - [How to Calculate the leaders in an Array](https://tekolio.com/how-to-calculate-the-leaders-in-an-array/) - Leaders in an array are those elements that are greater than the elements on their right-hand side in the array. To solve them we have to... - [How to Rotate an Array in Java](https://tekolio.com/how-to-rotate-an-array-in-java/) - In this blog, we will learn what exactly array rotation is? And how to rotate an array either in the left or the right direction. - [How to Sort an Array of 0s, 1s and 2s in Java](https://tekolio.com/how-to-sort-an-array-of-0s-1s-and-2s/) - Given an array A[] of 0s, 1s, and 2s of size N, the task is to write a function that can sort an array of 0s, 1s and 2s in ascending order - [HashMap in Java Explained in Simple English with Examples.](https://tekolio.com/hashmap-in-java-explained-in-simple-english-with-examples/) - HashMap in Java is a part of the Java Collection Framework which stores data in the form of Key and Value pairs where the key is a unique - [How to Solve nCr%p using Dynamic Programming](https://tekolio.com/how-to-calculate-the-value-of-ncrp/) - We are given three integers n, r, and p, we have to find the value of nCr%p. Here p is a natural number greater than n and nCr is the Binomial Coefficient. - [How to solve nCr%p using Fermat's Little Theorem?](https://tekolio.com/how-to-solve-ncrp-using-fermats-little-theorem/) - Given three numbers n, r and p, compute the value of nCr%p. Here p is a prime number greater than n, and nCr is the Binomial Coefficient. - [How to make Fireworks in React with Particle JS React](https://tekolio.com/how-to-make-fireworks-in-react-with-particle-js-react/) - In this blog, we will use the TypeScript version of Particle JS React which is a package for creating 2Danimations to give our App a beautiful Fireworks effect - [Explaining Selection Sort Algorithm in Simple English](https://tekolio.com/explaining-selection-sort-algorithm-in-simple-english/) - Selection Sort Algorithm is an in-place comparison-based sorting algorithm that sorts the array by repeatedly finding and... - [How to Calculate the Factorial of a given number](https://tekolio.com/how-to-calculate-the-factorial-of-a-given-number/) - In this blog, we will see how to calculate the factorial of a given number even if that number is large.. - [A Guide to React Context API and useContext hook](https://tekolio.com/a-guide-to-react-context-api-and-usecontext-hook/) - React Context API was mainly introduced to solve one of the major problems that React developers like us were facing at that time - prop drilling and ... - [How to Implement Infinite Scrolling in React by Making a Custom Hook](https://tekolio.com/how-to-implement-infinite-scrolling-in-react-by-making-a-custom-hook/) - learn How to Use Hooks to Create Infinite Scrolling in React by making a custom hook in React. - [How to Detect a Click Outside of a React Component using Hooks?](https://tekolio.com/how-to-detect-a-click-outside-of-a-react-component-using-hooks/) - In this blog, we will learn How to Detect a Click Outside of a React Component using useEffect and useRef hooks and event listeners ## Pages - [Contact Us](https://tekolio.com/contact-us/) - Please enable JavaScript in your browser to complete this form. Name * Enter your Full Name Email * Comment or Message * Submit - [Terms and Conditions](https://tekolio.com/terms-and-conditions/) - Welcome to the Terms and Conditions of Tekolio. These terms and conditions outline the rules and regulations for the use of Tekolio's Website, located at https://tekolio.com/. By accessing this website we assume you accept these terms and conditions. Do not continue to use Tekolio if you do not agree to take all of the terms - [Privacy Policy](https://tekolio.com/privacy-policy/) - At Tekolio, accessible from https://tekolio.com/, one of our main priorities is the privacy of our visitors. This Privacy Policy document contains types of information that is collected and recorded by Tekolio and how we use it. If you have additional questions or require more information about our Privacy Policy, do not hesitate to contact us ## Categories - [React JS](https://tekolio.com/category/react-js/) - React is a JavaScript library for building user interfaces. It is maintained by Facebook and a community of individual developers and companies and can be used as a base in the development of single-page or mobile applications - [How to](https://tekolio.com/category/react-js/how-to/) - React is a JavaScript library for building user interfaces. It is maintained by Facebook and a community of individual developers and companies and can be used as a base in the development of single-page or mobile applications - [Hosting](https://tekolio.com/category/react-js/hosting/) - [Basic](https://tekolio.com/category/react-js/basic/) - React is a JavaScript library for building user interfaces. It is maintained by Facebook and a community of individual developers and companies and can be used as a base in the development of single-page or mobile applications - [DSA](https://tekolio.com/category/dsa/) - A detailed blog on Data Structures and Algorithms (DSA) in which you will learn how to solve different problems that are asked in tech interviews of both small and big companies in Java, Python, and C++ coding languages - [Time Complexity](https://tekolio.com/category/dsa/time-complexity/) - A descriptive page for Time Complexity Data Structure with a detailed explanation of what time complexity is, different types of time complexities and big O notation, and much more. - [Practice](https://tekolio.com/category/dsa/practice/) - A detailed blog on Data Structures and Algorithms (DSA) in which you will learn how to solve different problems that are asked in tech interviews of both small and big companies in Java, Python, and C++ coding languages - [Arrays](https://tekolio.com/category/dsa/practice/arrays-practice/) - A descriptive page for Array Data Structure with a detailed explanation of what is an array, the definition of the array, basic operations, and standard problems on an array - [Extra](https://tekolio.com/category/dsa/practice/extra/) - [Combinatorics](https://tekolio.com/category/dsa/practice/combinatorics/) - A descriptive page for Combinatorics Data Structure with a detailed explanation of what combinatorics is, combinatorics programming problems, and much other stuff related to combinatorics. - [Sorting](https://tekolio.com/category/dsa/sorting/) - A descriptive page for Sorting Data Structure with a detailed explanation of what sorting is, different types of sorting, and various programming questions related to sorting. - [OOPS](https://tekolio.com/category/oops/) - A programming paradigm centered around the concept of objects that changes our entire way of thinking and approaching and solving problems. A page designated just to explain different concepts and pillars of OOPS ## Tags - [JSX](https://tekolio.com/tag/jsx/) - [React](https://tekolio.com/tag/react/) - [React JS](https://tekolio.com/tag/react-js/) - [ES6](https://tekolio.com/tag/es6/) - [JavaScript](https://tekolio.com/tag/javascript/) - [Pagination](https://tekolio.com/tag/pagination/) - [Hooks](https://tekolio.com/tag/hooks/) - [components](https://tekolio.com/tag/components/) - [NPM](https://tekolio.com/tag/npm/) - [Slider](https://tekolio.com/tag/slider/) - [hosting](https://tekolio.com/tag/hosting/) - [Virtual DOM](https://tekolio.com/tag/virtual-dom/) - [React sj](https://tekolio.com/tag/react-sj/) - [Github Pages](https://tekolio.com/tag/github-pages/) - [Dictionary](https://tekolio.com/tag/dictionary/) - [Netlify](https://tekolio.com/tag/netlify/) - [calculator](https://tekolio.com/tag/calculator/) - [useEffect](https://tekolio.com/tag/useeffect/) - [Portfolio](https://tekolio.com/tag/portfolio/) - [Props](https://tekolio.com/tag/props/) - [table](https://tekolio.com/tag/table/) - [Time Complexity](https://tekolio.com/tag/time-complexity/) - [DSA](https://tekolio.com/tag/dsa/) - [Custom Hook](https://tekolio.com/tag/custom-hook/) - [Java](https://tekolio.com/tag/java/) - [Arrays](https://tekolio.com/tag/arrays/) - [How to](https://tekolio.com/tag/how-to/) - [HashMap](https://tekolio.com/tag/hashmap/) - [Combinatorics](https://tekolio.com/tag/combinatorics/) - [sorting](https://tekolio.com/tag/sorting/) - [Practice](https://tekolio.com/tag/practice/) - [Map](https://tekolio.com/tag/map/) - [TreeMap](https://tekolio.com/tag/treemap/) - [Context API](https://tekolio.com/tag/context-api/) - [useContext](https://tekolio.com/tag/usecontext/) - [infinite scrolling](https://tekolio.com/tag/infinite-scrolling/) - [useRef](https://tekolio.com/tag/useref/) - [Abstraction](https://tekolio.com/tag/abstraction/) - [OOPS](https://tekolio.com/tag/oops/) - [Classes](https://tekolio.com/tag/classes/) - [Objects](https://tekolio.com/tag/objects/) - [OOPS Concepts](https://tekolio.com/tag/oops-concepts/) - [encapsulation](https://tekolio.com/tag/encapsulation/)