Adding storybook in our project can be super helpful as they help us to design components in isolation. Also, whenever multiple developers are working in a same project, the stories that we add can be used as a reference to know how the components look and play around with them…


I have been using Ant Design in my recent project and I had a requirement of using time picker for allowing users to select time. For this, I used a component of antd, the TimePicker component.

There are lots of properties available to use in TimePicker component. …


Source: https://reactjs.org/

There can be a lot of cases when you need to handle scrolls. For example, you may have to scroll to a particular component of a page or to detect in which portion of the page are you currently in. …


Testing is an important part of software development life cycle. Manually traversing through all the pages and components and clicking around to test for expected outcome is not enough. Here, by testing, I mean writing automated tests: how to write unit testing for components.

Why to Test?

Testing is an activity in which…


Creating a functional app only is not enough. It should have a nice look and feel too. There are a number of ways in which you can style a react component. This article covers styling a basic react app with react-jss.

What is react-jss?

react-jss integrates JSS with our react app to style…


In the previous part, I had configured auth0 by creating a new account. In this article, I will continue by making use of the account and connecting it to our react application. Lets begin by creating a new react application.

Auth0

Creating a React App

We create a react app by using create-react-app command as…


Authentication is an important part of our application. Adding authentication helps us to track number of things in our application and also helps to make our application secure. In this tutorial, I will guide you through adding authentication to our react application using Auth0.

Auth0

This is the first part of…


Creating a todo app is quite simple and interesting. Throughout this article, you can be familiar with various react concepts. You can also have a quick overview regarding how to implement material ui in our application. Besides, this also provides basic knowledge regarding various other concepts like redux, many more…


Forms allows us to accept feedback or input from users. Having forms in our application is an essential step. Similar to HTML, React also uses forms to interact with users.

Adding a simple form in React

Below is a class based component that has a form which accepts name from user.

import React from 'react';const…

React Slick for displaying carousel

Sometimes there may be a need to display slideshow of images in our react project, that is to display carousel. For example, to display gallery, displaying images in slideshow can be an option. There are a number of ways to do so. One of them is using React Slick.

Installation

Installing…

Aiska Basnet

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store