React Table To store and display data in a structured format, an arrangement is created that organizes information into rows and columns. This arrangement is called a table. Features of React Table: Lightweight at 11kb and only needs 2kb more for styles. Fully customizable with JSX, templates, states, styles, and callbacks. Fully controllable via optional … Read more
React Code Splitting Bundling is a process performed in the React app using tools like Webpack or Browserify, to take multiple files and merge them into a single file. This single file obtained is called a bundle and is responsible for loading an entire app at once on the webpage. Example: App.js: import { sub … Read more
React Hooks Hooks are the functions introduced in the React 16.8 version, in order to allow the use of state and other React features without writing a class, but does not replace the knowledge of React concepts. It does not work inside classes, but, “hook into” React state and lifecycle features from function components. They … Read more
React vs. Vue REACT VUE Declarative, efficient, flexible, open-source JavaScript library. Open-source JavaScript library. Used for building reusable UI components. Used for building reusable user interfaces and single-page applications. Created by Jordan Walke, a software engineer at Facebook in 2011. Created by Evan You, a former employee of Google. Released to the public in May … Read more
React Bootstrap Bootstrap is one of the most popular CSS frameworks. Bootstrap can be added to the React app in three ways. Using the Bootstrap CDN Using Bootstrap as Dependency Using React Bootstrap Package Using the Bootstrap CDN: Being the easiest way of adding Bootstrap, there is no need to install or download Bootstrap while … Read more
React CSS To style an application, CSS is used. For styling in React app, The style attribute is mostly used. It adds dynamically-computed styles at render time. There are mainly four ways to style React components. Inline Styling: A JavaScript object in camelCase version of the style name is used to specify Inline Styling. Example: … Read more
React Map A map is the standard JavaScript function, and also a type of data collection. Here, data is stored in the form of pairs. Each value stored in the map is mapped to a unique key. Thus a duplicate pair is not allowed in a map thus it offers a fast searching of data. … Read more
React Animation The animation is a technique to make an interactive web application. To add animation in ReactJS an explicit group of components is used. These explicit group of components are also known as the React Transition Group, which is technically an add-on component. Uses of React Transition Group: Managing component states. Defining entering … Read more
React Constructor The method used to initialize an object’s state and which is automatically called during the creation of an object in a class is known as a constructor in ReactJS. It is called before the component is mounted in ReactJS, but the constructor is not necessary to be present in every component. However, calling … Read more
React Redux Redux is an open-source JavaScript library which was first introduced in 2015 by Dan Abramov and Andrew Clark in 2015. Redux was inspired by Flux but it omitted the unnecessary complexity: it does not have Dispatcher concept, has a single Store and the Action objects is received and handled directly by Store in … Read more