How to Use React Context to Build a Multilingual Website Pt.2

How to Use React Context to Build a Multilingual Website Pt2
Reading Time: 16 minutes

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 website multilingual. I hope you will enjoy it. Now, let’s begin. Continue reading “How to Use React Context to Build a Multilingual Website Pt.2”

How to Use React Context to Build a Multilingual Website Pt.1

How to Use React Context to Build a Multilingual Website Pt1
Reading Time: 10 minutes

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. And now, without further ado, let’s begin. Continue reading “How to Use React Context to Build a Multilingual Website Pt.1”

How to Build Password Generator with Electron & React Pt.3 – The Final Part

How to Build Password Generator with Electron & React Pt3
Reading Time: 12 minutes

The main task of a password generator is generating passwords, right? This will be our goal for this final part. First, we will implement some functionality for Input and Checkbox components. Then, we will add a few tweaks. After that, we will finally put together the core piece of our password generator, the method for generating passwords! I hope you ready because we have a lot of work to do today. So, without further ado, let’s bring this awesome app to life! Continue reading “How to Build Password Generator with Electron & React Pt.3 – The Final Part”

How to Build Password Generator with Electron & React Pt.2 – Creating the UI

How to Build Password Generator with Electron & React Pt.2
Reading Time: 10 minutes

Every password generator, and app in general, needs a great UI. For two reasons. First, great UI makes using the app easier and faster for anyone who wants to use the app. Second, we often judge the quality of the app according to its design. We see things with great design as better and more valuable. And, if the app also works great, then the sale is made and people become users. Without further ado, let’s create a great UI for our password generator app! Continue reading “How to Build Password Generator with Electron & React Pt.2 – Creating the UI”

How to Build Password Generator with Electron & React Pt.1 – Setting the Stage

How to Build Password Generator with Electron & React Pt1
Reading Time: 10 minutes

Have you ever wanted to build your own password generator? And, what about an app? This tutorial will show you how! In this mini series, we will learn how to use electron and React and build desktop password generator app. Today, we will start by putting together all dependencies. Then, we will create package.json and prepare npm scripts. Finally, we will prepare configs for Webpack and main file for electron. Now, let’s begin! Continue reading “How to Build Password Generator with Electron & React Pt.1 – Setting the Stage”

How I Built My First Electron App & You Can Too Pt.5 – Polishing, Building & Shipping

How I Built My First Electron App & You Can Too Pt.5
Reading Time: 12 minutes

Wanting to create an electron app is one thing. Shipping it is another. Today, we are going to finish our app and ship! We will start by improving the UI. We will use styled-components to create components for custom checkboxes and lists. Then, we will implement a simple top menu. After that, we will use electron-packager and setup npm scripts so we can create builds for our new electron app for all major platforms. With that, our app will be ready for release. Let’s begin! Continue reading “How I Built My First Electron App & You Can Too Pt.5 – Polishing, Building & Shipping”