Supratik Ray

React Native Developer | Building apps in public

GitHub:

[Supratik Ray @theCodeRay]

@helderbuilds Honestly, the hardest part of it was managing the refresh tokens and renewing auth tokens so that user didn't automatically log out from token expiry. Other than that I learnt a lot!

[Supratik Ray @theCodeRay]

Day 10 of learning React Native 🚀
Built full authentication flow
• Login / Signup screens
• Protected routes for unauth users
• Token management with Context
• Persisting auth state on device
• Token expiry + refresh token handling
#ReactNative #Firebase #BuildInPublic

[Supratik Ray @theCodeRay]

Day 8–9 React Native Update 🚀
Shipped my Expense Tracker app with Firebase CRUD.
Learned form validation, error handling, loading states, charts & date picker integration.
Real app. Real bugs. Real growth.
#ReactNative #MobileDev #Firebase #BuildInPublic #AppDevelopment

[Supratik Ray @theCodeRay]

Day 7 of React Native 🚀

So I was having white flickering while navigating between screens in stack navigation. I finally was able to fix it by setting the system root background color using expo SystemUI package after trying out many things.

[Supratik Ray @theCodeRay]

Day 6 of React Native 🚀
Started building my Expense Tracker app today.
• Created the main screens
• Built the UI layout for adding & viewing expenses
• Focused only on design & structure — logic comes tomorrow

#ReactNative #BuildInPublic #LearningInPublic #MobileDevelopment

[Supratik Ray @theCodeRay]

Day 5 of React Native 📱🔥
• Drawer Navigation
• Nested navigators (Stack + Drawer)
• More screen options
• Completed the Meals App 🎉
• Browse meals & add to favourites
• Global state with Context API
#ReactNative #MobileDev #JavaScript #LearningInPublic

[Supratik Ray @theCodeRay]

Day 4 of React Native 📱🚀
• Platform API & platform-specific files
• Started a Meals App
• React Navigation basics
• Stack Navigator & screen transitions
• Passing data between screens
• Static & dynamic screen options
#ReactNative #javascript #MobileDev #LearningInPublic

[Supratik Ray @theCodeRay]

@ethanmonkhouse True

[Supratik Ray @theCodeRay]

Day 3 of React Native 🚀
• Icons & custom fonts
• Splash screen + asset loading (expo-splash-screen)
• Adaptive UI for different screen sizes & orientations
• Dimensions API & useWindowDimensions
• Keyboard handling in landscape
#ReactNative #BuildInPublic #MobileDev

[Supratik Ray @theCodeRay]

@dstoyanov0 Okay noted! Thanks

[Supratik Ray @theCodeRay]

Day 2 learning React Native 🚀

ScrollView vs FlatList

Pressable + native press feedback

Modal, Alert, Image, StatusBar

Global styles via app.json

Linear gradients with Expo

Built:
✅ Goals app
🛠 Guess-the-number game (WIP)

#ReactNative #Expo #buildinpublic

[Supratik Ray @theCodeRay]

🚀 React Native Day 1

• RN renders React → native UI
• Expo > CLI for fast dev
• New Arch (JSI/Fabric) = smoother UI
• Core components + Flexbox + Styling
• Handling events

Understood a lot of internals of react native + learnt the basics
On to Day 2! Any tips? 🙌

[Supratik Ray @theCodeRay]

Day 11 & 12 of My Learning Journey 🚀 (TypeScript)

🔹 Type guards, discriminated unions, predicates
🔹 Function overloads
🔹 Index types, as const, satisfies
🔹 Generics → functions, types, multiple params, constraints, classes & interfaces

#100DaysOfCode #TypeScript

[Supratik Ray @theCodeRay]

Day 10 of My Learning Journey 🚀 (TypeScript)

🔹 Configured tsconfig.json
🔹 Explored compiler options & project compilation
🔹 Classes → property shortcuts (public/private in ctor)
🔹 Access modifiers (public, private, protected)
🔹 readonly, getters & setters

#100DaysOfCode

[Supratik Ray @theCodeRay]

Day 9 of My Learning Journey 🚀 (TypeScript)

🔹 Type annotations & inference
🔹 Arrays, tuples, unions, enums
🔹 Object & function types
🔹 Record, unknown, type casting
🔹 Null/undefined handling + narrowing

TypeScript already feels like a game-changer 🔥

#100DaysOfCode

[Supratik Ray @theCodeRay]

@PurbashaGoswami Nice

[Supratik Ray @theCodeRay]

@RamanRjha4647 @X Hey! Let's connect 👋

[Supratik Ray @theCodeRay]

Day 8 of Node.js & Express 🚀

✅ OAuth with Passport.js
(Google OAuth 2.0) 🔑
✅ Revised CRUD with MongoDB
✅ Learned complex query writing

#100DaysOfCode #NodeJS #Express #MongoDB

[Supratik Ray @theCodeRay]

@PurbashaGoswami Keep it up!!! ✨

[Supratik Ray @theCodeRay]

Day 7 of Node.js & Express 🚀

🔹 Connected MongoDB with Mongoose
🔹 Built Schemas & Models + CRUD ops
🔹 Hashed passwords with bcrypt 🔑
🔹 Session-based auth with DB
🔹 Used MongoStore → sessions persist after restart

#100DaysOfCode #NodeJS #Express #MongoDB