Tag: reactjs

Photo by Kellen Riggin from Unsplash

Test the Theme toggle app using react-testing-library

In my previous article we’ve built an app with Theme toggling capability. In this article, let’s test that feature. I’ll be using react-testing-library and jest-dom as a partner library for the react-testing-library for leveraging custom DOM element matchers for Jest. Let’s install both the libraries as dev dependencies. npm install -D react-testing-library jest-dom Since we used create-react-app, there is a […] read more
React Context Demo

Toggle theme using React Hooks

I was trying to implement the Dark mode to one of the application which I was working. Most of the examples available in Internet uses either styled-components or any other css-in-js concepts. The application which I’m working on doesn’t have the css-in-js yet. So I want to keep it very simple. Hence, the very first thing that came up is […] read more
React bootstrap table example

React bootstrap table – Part 1

Sometime back I came across a library called React Bootstrap Table. This helps you to build the table with loads of features like Pagination, Filtering, Sorting, Export to CSV and many more. And even it allows you to customise as per your need. I’ve explored various grid / table component libraries to use, but many came with difficulty to either […] read more

Webpack loader for Fonts

While I was learning React with Webpack, I wanted to try with real time example. Hence I was implementing a Bootstrap temulate using React. There are more font awesome fonts used in Bootstrap. I was having difficulty of including in my Webpack builder. Tried googling around, and the solution which I’ve got is like this: [javascript] // Font and images { test: […] read more