Have you ever wondered how to use React Context API? This tutorial will show you how to use it to build a simple multilingual website. In this part, we will start by creating navigation for our website. Then, we will build three simple pages. After that, we will prepare files for translation and make our… Continue reading How to Use React Context to Build a Multilingual Website Pt.2
Tag: tutorial
How to Use React Context to Build a Multilingual Website Pt.1
React Context is one of the most interesting features in React 16.3.0. There had been a lot of buzz about this hot feature. In this easy tutorial, we will take a look at how to use React, React Router and React Context to build a simple multilingual website. I hope you will enjoy this tutorial.… Continue reading How to Use React Context to Build a Multilingual Website Pt.1
A Quick Introduction to PostCSS – What You Need to Get Started
As web designers and developers, we spend a lot of time working with CSS. For many, this is a time full of pain. There are many tools that aim to make working with CSS easier, faster, more flexible and fun. PostCSS is one of those tools. You may already heard about it. Maybe you even… Continue reading A Quick Introduction to PostCSS – What You Need to Get Started
Styled-Components – Mastering the Fundamentals Through Practice
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… Continue reading Styled-Components – Mastering the Fundamentals Through Practice
Learn How to Create A Simple Carousel with React.js
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… Continue reading Learn How to Create A Simple Carousel with React.js
How to Build Simple and Powerful Lazyload JavaScript Plugin
Have you ever wanted to use lazyload plugin to speed up your website? Who wouldn’t. The problem is that most of lazyload plugins require jQuery. Sure, there are some exception. However, you need advanced knowledge of JavaScript if you want to understand the code. If you don’t have that, forget about customizing the plugin. You… Continue reading How to Build Simple and Powerful Lazyload JavaScript Plugin