Styled-components – Mastering the fundamentals through practice

Styled-components - Mastering the fundamentals through practice
Reading Time: 10 minutes

Styled-components is becoming more and more popular. Many projects built with React.js use this library. This is no surprise. Styled-components make working with CSS easy and fun, even in JavaScript. However, everything requires practices, especially when what you want is mastery. This is the goal of this article. Let’s go back to the fundamentals of styled-components and practice. Continue reading “Styled-components – Mastering the fundamentals through practice”

A Simple Introduction to Styled-components – Modular CSS and Reactjs

A Simple Introduction to Styled-components - Modular CSS and Reactjs
Reading Time: 10 minutes

Have you ever heard about styled-components? Chances are that you did, at least if you have some experience with app development, or Reactjs. This is a very interesting take on modular CSS. What is this styled-components thing about? As its website says, its goal is to help developers style their apps without any stress. Let’s take a look at what it is and how we can use it. Continue reading “A Simple Introduction to Styled-components – Modular CSS and Reactjs”

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”