Posts tagged with

react

How to use styles in React: Inline styles, CSS Modules & Styled Components

In this tutorial, you will learn how to style your components in react. We will take a look at how you can use inline styles, regular CSS classes, CSS modules or react styled components. Also, you will discover how to conditionally apply styles based on the state of the component. Ready? ...

L Lukas Marx
June 4, 2019
6 min read

react

React DOM Refs

In this tutorial, you will learn how to get access to the actual DOM in React using so-called refs. To do that, we will take a look at what refs are and when and how to use them. You will also learn about callback refs and what they are used for. During this tutorial, we will take a look at di...

L Lukas Marx
August 28, 2019
6 min read

react

Creating a File Dropzone with React

In this tutorial you are going to learn how create a file dropzone component from scratch using react. We will discover how to open a file selection dialog in react using some nifty tricks. Furthermore, we will learn how to listen for file drop events and use that to build a reusable dropzone com...

L Lukas Marx
February 6, 2019
8 min read

react

Creating a File Upload Component with React

Creating a file upload component is a common task in web development. Unfortunately it can be quite intimidating. In this tutorial you will learn how to create a working file upload component with react from scratch using no dependencies other than react itself. You will learn how to upload file...

L Lukas Marx
February 13, 2019
17 min read

react

How to send HTTP Requests in React

Sending an HTTP request to a server is a common task in web development. In this tutorial, you will learn how to send HTTP requests from your react application using different APIs like XMLHttpRequest, fetch and axios. You will learn how to send GET and POST requests with different configura...

L Lukas Marx
May 30, 2019
7 min read

react

React Portals: Creating a Dialog

In this tutorial, you are going to learn what react portals are and how to use them to spawn components anywhere on the DOM. We will take a look at the example of a simple dialog component to grasp the concepts of portals and why they are useful. You can take a look at what we will build in the d...

L Lukas Marx
September 22, 2019
4 min read

react

Building a Swipeable List with React

In this tutorial, you will learn how to create a react list component where each element can be swiped to trigger an action. A typical example of this is "swipe to delete" used in many android applications. We will discover, how we can build such a list using nothing but react itself. Also, you ...

L Lukas Marx
March 1, 2019
10 min read

react