notes – Saad Personal Space

React Native Learning Roadmap

By Saad November 20, 2021notes, tutorial4 Comments

Full Roadmap After working with React Native for around 4 years professionally and teaching more than 40 students to make them familiar with react native through my devskill course, I have come up with a basic roadmap to learn React Native. **Obviously there is no fixed/straight roadmap for learning any technology, but I hope my professional and teaching experience on react-native can help someone who is starting with react-native. Roadmap breakdown Topic based learning + Project based learning I have divided the whole road map into 2 main parts. They are the following: Project based learning - With this, you…

Step by step guide to authentication and onboarding flow in React Native.

By Saad October 23, 2021notes, tutorialNo Comments

One of the most common requirements for any app is to have an authentication flow that includes onboarding at the same time. The flow looks like the following - authentication-onboarding-flow When user opens the app, we first need to check if the user is a logged-in user in our system, depending on this condition they can go to two different flows;If the user has already been logged in previously, they will come to the app screens. for ex - home screen, profile screen etc.If the user is new or a logged-out user, they will go to the authentications screens, for…

React Native অ্যাপ কি আসলেই নেটিভ অ্যাপের মত কাজ করে?

By Saad September 13, 2021notesNo Comments

React Native নিয়ে অনেকের মাঝেই একটা কনফিওসন কাজ করে, যে JavaScript দিয়ে কোড লিখে মোবাইল অ্যাপ বানালে সেটা কি আসলেও আসল অ্যাপ এর মত কাজ করবে কিনা, তাও আবার অ্যান্ড্রয়েড এবং আইওএস উভয় প্লাটফর্মে। এই কনফিওসনটা দুর করার জন্যেই এই ছোট পোস্টটি, মূলত React Native এর অফিসিয়াল ডকুমেন্টেশন থেকে নেয়া। # Views and mobile development React Native এ যাওয়ার আগে আমাদের Views and mobile development নিয়ে আলোচনা করা দরকার। View হচ্ছে অ্যান্ড্রয়েড এবং আইওএস উভয় প্লাটফর্মের প্রাথমিক বিল্ডিং ব্লক। আসলে View বলতে আমরা কি বুঝাচ্ছি? View হচ্ছে স্ক্রিনে একটি ছোট আয়তক্ষেত্রাকার (Rectangular) এলেমেন্ট। মোবাইলের স্ক্রিনে আমরা যা দেখি আসলে সব…

My theme folder in React Native

By Saad June 21, 2021notesNo Comments

React Native এ একটি নতুন প্রোজেক্ট খুলার পর সবসময় আমি কয়েকটা ফাইল বানিয়ে থাকি। যাতে পুরো অ্যাপে আমার স্টাইলিং এবং ডিজাইন গাইডলাইন প্যাটার্ন কন্সিস্টেন্ট এবং স্কেলেবেল থাকে লং টার্মের জন্যে। এই ফাইলগুলোকে আমি সাধারণত থিম নামক একটি ফোল্ডারে রেখে দেই। ফাইলগুলো হচ্ছে - ColorSpacingTypography color.ts - আমাদের পুরো অ্যাপ জুড়ে আমরা ম্যাক্সিমাম ৬-৮টি কালার ব্যাবহার করে থাকি। সুতরাং এই ফাইলে আমরা আমাদের কমন কালারগুলো একসাথে রেখে দেই। এবং অ্যাপের যেকোনো জাইগায় কালার রেফার করতে হকে আমরা এই ফাইলটি ব্যাবহার করে থাকি। color.ts spacing.ts - আমাদের পুরো অ্যাপের অবশ্যই আমাদের spacing কেমন হবে সেটা ফিক্স রাখা লাগে। নাহলে পুরো অ্যাপের ডিজাইনই…

When to use useMemo?

By Saad May 24, 2021notesNo Comments

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

React Native Resources

By Saad May 19, 2021notesNo Comments

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 this list from time to time. If you are a beginner and want to learn by doing This code-academy course is great for that. 1. https://www.codecademy.com/learn/learn-react-native 2. https://www.reactnative.express/ Blogs to follow - notJustDev BlogMy Blog If you want to read - Infinite Red's NewsletterFollow Aman Mittal's BlogCallstack engineer's blogReact native…