How to Build a Website with React, React Router & Styled-Components Pt.2

How to Build a Website with React, React Router & Styled-Components Pt.2
Reading Time: 10 minutes

Have you ever though about building a website with React, React-router and styled-components? Then, this tutorial is right for you. In this second, we will start by creating responsive navigation, playing with React state, and creating a few more React components. We will also use some handy helpers from styled-components. And, at the very end, we will create the first page for our React website. So, dust off your knowledge of React and styled-components and get ready. Our adventure into the world of React continues. Continue reading “How to Build a Website with React, React Router & Styled-Components Pt.2”

How to Build a Website with React, React Router & Styled-Components Pt.1

How to Build a Website with [React], React Router & Styled-Components
Reading Time: 11 minutes

How fast can you build a simple website with react, react-router and styled-components? The question is not whether it is doable. Everything is. The real and more important question is, how hard it is? Well, it is actually very easy. You can do this in just a few minutes, even with only a very basic knowledge! In this easy tutorial we will take a look at all the steps that are necessary to do it. So, let’s use the power of react, react-router and styled-component and build a simple website completely from scratch! Continue reading “How to Build a Website with React, React Router & Styled-Components Pt.1”

Learn How to Create A Simple Carousel with React.js

Learn How to Create A Simple Carousel with React
Reading Time: 16 minutes

Have you ever wanted to create a simple carousel in React.js? In that case, you are on the right place. In this easy tutorial, we will create a simple carousel you can then take and use anywhere you want and with any content you want. I tried to make this tutorial simple. So, even beginners and people wanting to learn React.js should be able to complete it. I hope this tutorial will help you learn about React.js and get started with it in an enjoyable way. Continue reading “Learn How to Create A Simple Carousel with React.js”

Learning React by Practice – React Router for Beginners

Learning React by Practice - React Router for Beginners
Reading Time: 17 minutes

Imagine you could change the content of the website or app without reloading it. Impossible? Not at all. You can do that with something called React Router. How? I’m glad you are asking. Today, I will take you through all steps necessary to get React Router up and running. From now, you will see reloading the page as a history. Are you ready to explore what is possible with React Router? Continue reading “Learning React by Practice – React Router for Beginners”

Learn How to Create Simple React Form Elements

Learn How to Create Simple React Form Elements
Reading Time: 13 minutes

Have you ever wanted to create some React form elements, but didn’t how? Good news! In this tutorial, you will learn how to create a number of simple React form elements. What elements? You will create elements such as button, datalist, checkbox, label, input and radio. These are probably the most often used form elements. If you are just a beginner, don’t worry. This tutorial will be very simple and beginner-friendly. If not, I hope you will still enjoy it. Continue reading “Learn How to Create Simple React Form Elements”

Learn How to Create Quick and Simple React Flipping Card

Learn How to Quickly Create Simple React Flipping Card
Reading Time: 13 minutes

How cool would it be to know how to build React flipping card? Your own interactive business card! Imagine how you could use this card to make your portfolio stand out! In this tutorial, I will take you through all the steps necessary to create this card. I tried to make the code simple ad easy to understand. So, I hope that even beginners without much knowledge of React will be able to finish this tutorial. If you already know React very well, take this as a practice. Enjoy it! Continue reading “Learn How to Create Quick and Simple React Flipping Card”