React.js Archives - Andrej Gajdos

A Leaflet Developer’s Guide to High-Performance Map Visualizations in React

September 17, 2023
by Andrej Gajdos

Are you gearing up to create a map visualisation that handles a large dataset? I’m excited to guide you through the process of crafting interactive map visualizations while sidestepping pitfalls. Drawing from my experience as a freelance React and Leaflet developer, I encountered diverse requirements for map visualizations—rendering extensive datasets, creating interactive visuals, and managing the drawing of various shapes.

React.js

Orchestrating animations with Framer Motion in React.js [Step By Step Tutorial with Examples]

June 23, 2020
by Andrej Gajdos

Framer Motion is an open-source motion library, which drives Framer X’s animations and gesture capabilities in React.js projects. If you are familiar with Popmotion, Framer Motion is the successor to the popular Pose animation library. Both libraries provide declarative API, which makes creating and orchestrating animations in React.js projects easy to implement.

Freelance

Freelance React Developer’s Checklist [Infographics and Free Email Template]

November 22, 2020
by Andrej Gajdos

Whether you are a freelance React developer or you do another kind of freelance work on short term projects, you can recognize similar patterns in your workflow. I found similar patterns in process of building React.js projects. In almost every project, I need to ask for clarification or similar questions in regards to graphic design.

JavaScript

Authenticating Users in SPA using Node, Passport, React and Redux

June 23, 2020
by Andrej Gajdos

Implementing user authentication can be a difficult task, because we can use various libraries and authentication strategies. There are a lot of tutorials on this topic, but often times they miss fundamental information or don’t reflect set up of our project. In this blog post, I don’t attempt to write an universal tutorial for user authentication. However, I will point out some parts in authentication flow I didn’t find in other tutorials.

JavaScript

Setting up Webpack for ES6, React, SASS and Bootstrap

May 21, 2019
by Andrej Gajdos

If you want to start using Webpack as a module bundler for your React application, you can find great tutorials with detailed instructions (1, 2, 3). In this short blog post I want to share my webpack config, which is based on these tutorials.

JavaScript

My first public speech – How to use React.js

June 23, 2020
by Andrej Gajdos

A friend of mine organises a meetup about web technologies and asked me if I want to speak about React.js. My last presentation was about my master thesis and I thought it is a great opportunity to renew my presentation skills (not sure if I have some).

JavaScript

How to avoid refactoring in your first React.js application

June 23, 2020
by Andrej Gajdos

Popularity of React.js is growing pretty fast and it seems like React became a compact and beautiful way of how to develop your applications. I have worked on a side project and felt like it is right time to try React. During development of my first project in React I had to do several refactorings. In this short blog post I will try to point out some pitfalls, which you should take care of if you want to avoid refactoring in your first React.js application.

Tag: React.js

A Leaflet Developer’s Guide to High-Performance Map Visualizations in React

Orchestrating animations with Framer Motion in React.js [Step By Step Tutorial with Examples]

Freelance React Developer’s Checklist [Infographics and Free Email Template]

Authenticating Users in SPA using Node, Passport, React and Redux

Setting up Webpack for ES6, React, SASS and Bootstrap

My first public speech – How to use React.js

How to avoid refactoring in your first React.js application