The Widlarz Group's Blog

Bart Widlarz

This is the place where we share our knowledge and experience with community.

Creating custom animated bottom tab and drawer navigation

July 19, 2021

react-native-reanimated

@react-navigation/bottom-tabs

@react-navigation/native

react native

mobile

I'll show you my way of handling React Native app navigation and we'll build application with custom animated bottom navigation tab.

NextJS SSR - JWT (Access/Refresh Token) Authentication with external Backend

June 10, 2021

react

next.js

web

authentication

redux

jwt

Want to build your own cookie based authentication system in NextJS with SSR? In this article we will cover how to do it using access token + refresh token from our external backend!

Draggable elements with React-dnd

May 13, 2021

Drag and Drop

React

React Query

Mirage JS

TypeScript

Shopping list with draggable UI elements and mocked backend with Mirage JS. React Query to sync UI with the backend.

Reacreating Quibi's cards swipe animation with React Native and Reanimated

February 17, 2021

react native

reanimated

mobile

animations

Whether you heard about an app called Quibi or not, it definitely has this cool animated card list. In this article we will try to recreate it with React Nataive and Reanimated library!

Pimp your VS Code

September 14, 2020

productivity

When I switched from Webstorm to VS Code, I wanted to make it as similar as possible. During the time, I noticed that doesn't make sense. VS Code has a much more robust workflow, it just needs a few changes, about which you will read in this article.

Reanimated 2 - the new approach to creating animations in React Native

August 27, 2020

react native

reanimated 2

animations

hooks

Reanimated 2 - exploring the new API to creating animations in React Native. Find out the new hooks, build custom useSlider hook, and get an understanding of animation techniques in this step by step guide.

React Native - device type dependent orientation

July 11, 2020

react native

mobile

native setup

configuration

A short guide on how to setup the app orientation depending on the device type - for both Android and iOS.

Recreating the OLX animation with React Native and Reanimated library

July 01, 2020

react native

mobile

reanimated

animations

Lately, the OLX (popular shopping app/service in Poland), updated its mobile app. First app open showed every user this simple, cool animation. See it being recreated with Reanimated library in React Native!

Multistep form handling with Finite State Machines, Formik and TypeScript

June 17, 2020

form handling

state machines

xstate

react native

mobile

XState, Formik and Yup - handling a multistep form with these tools seems really interesting and fun. If you are wondering how one can utilize them in their own app, give it a read!

React Table 7 - Hooks Based Library

May 15, 2020

react

react table 7

hooks

bootstrap

React Table 7 - hooks based library to create beautiful, custom tables in React. Build a fully-fledged table step by step with us, implement the most common features like sorting, filtering, pagination and more. Learn how v7 is different from v6.

Let’s Work Together

If you are looking for some help over your software product, do not hesitate to write to us. We can handle it properly!