Learn the latest tech skills
React JS
Disqus is a networked community platform used by hundreds of thousands of sites all over the web. With Disqus, your website gains a feature-rich comment system complete with social network integration, advanced administration and moderation options, and other extensive community functions In this blog we will learn how to add discuss to your Next.js React application. Create
Tailwind CSS is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override. In this blog we will learn about how we can setup tailwind and sass with next.js. Let’s install Next js, react
In this blog, we will talk about what is storybook, why should we use it and how to set up storybook for your React project using storybook and create-react-app. So what is storybook? Storybook is an open source tool that is used for developing UI components in isolation for React, Vue, and Angular. Why should
In this blog, we will learn about how to create a live search input field, which fetches the result as the user types in the query.Of all the results available for that query, we will only fetch 20 results. We will create a pagination for the user to navigate to the next or previous 20
In this blog you will learn to set up a React Application: Using create-react-app Using Webpack, Webpack Dev Server and Babel from scratch I am assuming that you have Node installed already on your system. Using create-react-app We will first install the create-react-app globally. Then we create a project using create-react-app command. npm install -g create-react-app create-react-app projectnamecd projectname npm run
We need to install url-loader and file-loader html-webpack-plugin npm packages first Now add this configuration to your webpack.config.js Now you can add an image inside src/images directory. Then import it as any name you like in this case ProfileIcon. And then pass it in the images source in your component. It will look like this