সহজ বাংলায় React Hooks সিরিজ: পর্ব ১ – useState
Hooks এর সাথে পরিচিতি React এর ডকুমেন্টেশন থেকে আমরা জানতে পারি hooks হচ্ছে react এর নতুন এডিশন যেটার মাধ্যমে আমরা React এর স্টেট এবং অন্যান্য ফিচার ব্যাবহার করতে পারব class component না লিখেই, অর্থাৎ ফাংশনাল কম্পোনেন্টের মাধ্যমেই। যেকোনো ইন্টারেক্টিভ অ্যাপ্লিকেশনে আমাদের অ্যাপের স্টেট ধরে রাখা লাগে (store) কোথাও না কোথাও...
Read More
Dynamic Input Fields in React Native
This might be a common requirement that sometimes in our forms we need to add or remove input fields dynamically and each input field needs to be attached with its corresponding value. Recently I have implemented this. We can do it in different ways. So here goes my implementation. In...
Read More
Horizontal Calendar Component in React Native
I have recently built a simple horizontal calendar in React Native. Today in this post, I will share how I implemented it. We can use a horizontal flat list to render my horizontal scrollable calendar. First I populate the data of my flat list with dates. I generate 14 days...
Read More
Expo পরিচিতি
Saad
/ July 5, 2021
expo tools Expo কি? Expo হচ্ছে এমন একটি প্লাটফর্ম যেটা আপনাকে Universal React অ্যাপ তৈরি, বিল্ড, ডিপ্লয় এবং খুব দ্রুত পুনরাবৃত্তি করতে সহায়তা করে। এটা আপনাকে একটা স্ট্যান্ডার্ড টুলসেট প্রভাইড করে যার জন্যে আপনার React Native অ্যাপ বানানো আরও সহজ হয়ে যায়। যেহেতু React Native অ্যাপ বানাতে Expo লাগে না...
Read More
My theme folder in React Native
Saad
/ June 21, 2021
React Native এ একটি নতুন প্রোজেক্ট খুলার পর সবসময় আমি কয়েকটা ফাইল বানিয়ে থাকি। যাতে পুরো অ্যাপে আমার স্টাইলিং এবং ডিজাইন গাইডলাইন প্যাটার্ন কন্সিস্টেন্ট এবং স্কেলেবেল থাকে লং টার্মের জন্যে। এই ফাইলগুলোকে আমি সাধারণত থিম নামক একটি ফোল্ডারে রেখে দেই। ফাইলগুলো হচ্ছে - ColorSpacingTypography color.ts - আমাদের পুরো অ্যাপ জুড়ে...
Read More
When to use useMemo?
Saad
/ May 24, 2021
Basically the decision for whether to use useMemo is: Do I want this to run every single time the state changes? => Leave it plainIs it bad if this runs multiple times? => Yes useMemoIs this slow so it should only run when absolutely necessary => Yes useMemo
Read More
React Native Resources
Saad
/ May 19, 2021
I am compiling a list of great and updated resources that any react native dev should follow. I have tried to keep the list short because many of the great resources are outdated now. Also trying to keep it concise so it is more useful. I will try to update...
Read More
Animated Scaling Button in React Native
Saad
/ April 21, 2021
In this post, I will try to describe how can we easily create an animated scaling button in react native. First, let's see how does the button work in action. Animated-Scaled Button We can use Animated.sequence in order to scale up and down sequentially. So onPress button, the code looks...
Read More
Timesliders in React Native
Saad
/ April 5, 2021
From my recent code-read, recently I have learned how to create custom time sliders. All credit goes to my colleague. I am just sharing my learning! Let us first see what do we want to make. We want to convert a slider into time sliders where users can pick a...
Read More
Getting current state value from setState function in React
Today I learned, I knew this before but today saw it in a practical example. In our react setState function we can get the prevState and return the new state within the same function which I think is very helpful. code snippet for setState
Read More
Create a Beautiful Tabbed Carousel in React Native
Saad
/ March 30, 2021
To understand what I am trying to build, first, let’s see the demo: As you can see from the gifs, we have two parts to build out this component: The tabs (which you can see at the top)Carousel We need to make sure the tabs and the carousel items are...
Read More
Full-Stack React Native for Freelance
আমরা ডেভেলপাররা যখন android and iOS উভয় প্লাটফর্মে অ্যাপ বানাতে পারি এবং নিজস্ব কিছু কাজের একটা পোর্টফলিও থাকে তখন স্বাভাবিক ভাবেই কিন্তু অনেক ফ্রিলেন্সিং/পার্টটাইম সুযোগ চলে আসে। এই পোস্টে আমরা যারা এরকম কাজ করতে চাই তাদের জন্যে কিছুটা দিকনির্দেশনা। Photo by Fotis Fotopoulos on Unsplash ফ্রিলেন্সিং প্রজেক্টগুলোর একটি বড় সমস্যা...
Read More
Expo নাকি React Native CLI?
React Native vs Expo আমরা যখন React Native প্রথম প্রথম শুরু করতে যাই, তখন সবাই এটা নিয়ে কনফিউসনে পরে যাই। আমরা কি Expo দিয়ে আমাদের অ্যাপ বানাবো নাকি React Native CLI দিয়ে। ২ টারি কিছু সুবিধা এবং অসুবিধা আছে। আজ আমার এই পোস্টে এটি নিয়ে একটু আইডিয়া দেয়ার ট্রাই করবো।...
Read More
বিগিনারস গাইড টু React Native
React Native কিভাবে শুরু করা যায়, এটা সবার একটি কমন প্রশ্ন, যারা এটি নিয়ে কাজ করতে ইচ্ছুক। তাই এই পোস্টে আমি ট্রাই করব কিছুটা আইডিয়া দেয়ার। আমি React Native নিয়ে কাজ করছি প্রায় ৪ বছর ধরে, একটুক বলা যায় যে React Native এখন অনেক বেশি রবাস্ট অ্যান্ড পরিপক্ব। তাহলে শুরু...
Read More
Remove Item with animation in a Horizontal FlatList with LayoutAnimation in React Native
Saad
/ February 27, 2021
I have been working on a horizontal FlatList in React Native. The idea is, a user can remove the item by clicking on the item. So once the item is removed, I need to : Remove the item from the list with a nice opacity animationAt the same time, I...
Read More
Dynamic Height, Width, and Aspect Ratio in React Native
Saad
/ February 4, 2021
Let's say you are given this design to build a simple horizontal FlatList. How can you dynamically find the width and height of the items in the flat list? We can do it in different ways but recently in my code read journey I have learned a cool trick from...
Read More
User Attributes Custom Hook in React Native
Saad
/ January 28, 2021
In today's code-read, I learned a smart way to use a custom hook and generate objects from that. A brief background first about what we are trying to achieve. Let's say we have an user object and inside that object we have a property called attributions This is an interesting...
Read More
An example of a simple API call to update a user profile data in Flutter.
Saad
/ January 11, 2021
Today I learned in flutter how to work with API. In my use-case, I am updating user profile data. So the flow is when the user profile edit screen first mounts - I load current user data from API and put the user details as an initial value in their...
Read More
How am I categorizing my blog posts?
Saad
/ December 30, 2020
The main purpose of creating blog posts is to learn and document. To keep it standard and focused, I am categorizing my posts into 4 different categories. The four categories are below Code ReadToday I learnedTutorialPersonal Code Read As a programmer, it is very important that we read others code....
Read More
Creating a reusable “Token Manager” class in react-native.
Saad
/ December 15, 2020
In any app, especially an app that has user accounts, it is a very common task to check for existing user token and redirects the user either to AuthStack or AppStack according to the token found. So for this common task, we can create our own token manager class which...
Read More