The Widlarz Group's Blog
This is the place where we share our knowledge and experience with community.
Deep Links, Universal and Asset LinksDecember 06, 2022
Do you want to dive deep into the topic of Deep Links, Universal Links and App Links? Wait no more and take a read!
Errors handling with RN NotificatedAugust 09, 2022
Have you ever wondered what is the best way to handle errors in Your app? RN Notificated seems to be an answer for Your doubts. Fully customized, fast, and most importantly easy to use!
Create Spotify heart animation with Reanimated 2 - tutorialJune 08, 2022
Let's make it obvious - even simple animations can take your app to a whole new level. The problem is not whether it is worth adding animations but how to make them. Reanimated 2 is a great and really useful library. Let me show you also how simple it can be!
Build and release your app with Fastlane!January 05, 2022
In this article you will learn how to save your time. Try out this Fastlane setup for both Android and iOS!
React Native ModalsDecember 10, 2021
Modals to the rescue for boring products! In this article I will show you how to create awesome, cool looking and functional modals in react-native with one of the most popular library, which is react-native-modal!
Make your custom charts with react-native-svg-charts and typescript. Step-by-step tutorialSeptember 14, 2021
React-native-charts-svg - you need nothing more to display data in your application. This article will help you understand how to create different types of charts, and personalize them. Tutorial step by step!
Custom color picker animation with React Native Reanimated v2September 08, 2021
It'll guide you through the process of creating a color picker animation using React Native Reanimated v2 hooks: useSharedValue, useAnimatedGestureHandler, useAnimatedStyle.
Creating custom animated bottom tab and drawer navigationJuly 19, 2021
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 BackendJune 10, 2021
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-dndMay 13, 2021
Shopping list with draggable UI elements and mocked backend with Mirage JS. React Query to sync UI with the backend.
Recreating Quibi's cards swipe animation with React Native and ReanimatedFebruary 17, 2021
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 Native and Reanimated library!
Pimp your VS CodeSeptember 14, 2020
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 NativeAugust 27, 2020
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 orientationJuly 11, 2020
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 libraryJuly 01, 2020
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 TypeScriptJune 17, 2020
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 LibraryMay 15, 2020
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.