How hard could it be to create a style guide for your website, app, or any other project? And, what if you want to build it with React and styled-components? So, will you accept this challenge? Great! This tutorial will take you through the whole process and show you how you, too, can build a… Continue reading How to Build a Great Style Guide with React & styled-components Pt.1
Tag: html5
How to Start Building Desktop Apps with Electron and React
Imagine you could build desktop apps only with HTML, CSS and JavaScript. This is possible and easy with library called Electron. This tutorial will show you how to start building your first desktop apps with Electron and React. We will take a look at what dependencies are necessary. Then, we will set up Webpack. Finally,… Continue reading How to Start Building Desktop Apps with Electron and React
How to Use React Context to Build a Multilingual Website Pt.2
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
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
How to Build Password Generator with Electron & React Pt.3 – The Final Part
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… 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
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… Continue reading How to Build Password Generator with Electron & React Pt.2 – Creating the UI