When you work on a design project it is easy to lose track of how all elements should look like. This leads to inconsistent design and more work later. That is why having a style guide is so useful. Style guide helps us work fast while keeping the design consistent. Learn how to build your… Continue reading How to Build a Great Style Guide with React & styled-components Pt.3
Tag: React
How to Build a Great Style Guide with React & styled-components Pt.2
Every design project should have a style guide. This is one of the best ways to ensure the design is consistent. There are many tools to create a style guide. However, building one by yourself can be beneficial. It gives you more options and freedom. This tutorial will show you how to build your own… Continue reading How to Build a Great Style Guide with React & styled-components Pt.2
How to Build a Great Style Guide with React & styled-components Pt.1
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
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