Erdinc Akdogan

What do you do when your creativity goes in decreased creativity

Testing Deep Links:
Use a simulator: Run adb shell am start -W -a android.intent.action.VIEW -d "myapp://profile/123" for Android.
Use xcrun simctl openurl booted "myapp://profile/123" for iOS.

Linking Configuration:
prefixes: Define the supported URI schemes (e.g., myapp:// or example.com).
config: Map routes to specific paths, including dynamic parameters.
Dynamic Links: Enable navigation to routes like myapp://profile/123.

"Day 18 of 30: Seamlessly integrate deep linking into your app! 🌐
React Navigation makes it easy to handle deep links and app-specific URLs.

Here’s how to set it up: 👇
#ReactNative #DevTips #DeepLinking"

Dynamic Routes: Screens are dynamically rendered using an array of route configurations. This approach is scalable and easy to maintain.
Use Case: Ideal for apps with a growing number of screens or routes that depend on external data.

"Day 17 of 30: Manage navigation in large apps with dynamic routes! 🧭
Use React Navigation’s Dynamic Screens approach to handle scalable routing setups.

Here’s how to configure dynamic routes: 👇
#ReactNative #DevTips #Navigation"

Why react-hook-form?
-Lightweight and easy to integrate.
-Built-in support for validation rules and error handling.
Key Features:
-Controller: Integrates custom inputs like TextInput with the form.
-rules: Define validation requirements directly in your form.

Tweet:
"Day 16 of 30: Simplify form management and validation in React Native! 📝
Use react-hook-form to create robust forms with minimal boilerplate.

Here’s how to set up a login form with validation: 👇
#ReactNative #DevTips #Forms #expo"

-useColorScheme: Detects the system-wide theme (light or dark mode).
-Zustand Store: Allows users to toggle between light and dark modes manually.
-Dynamic Styling: Combines system theme detection with user preference for a seamless experience.

"Day 15 of 30: Add dark mode to your app for a modern look! 🌙✨
Here’s how to implement a theme switcher with Zustand and useColorScheme.

#ReactNative #DevTips #DarkMode"

"Have you tried Zustand for state management? What’s your go-to state management library? Let me know! 👇"

-Why I am using Zustand?
Lightweight and minimalistic state management library.
No boilerplate or complex setup required.
-Key Features:
Centralized state with simple actions like setToken and logout.
Flexible and compatible with React Native projects.

"Day 14 of 30: Manage global app state like a pro! 🌐
Use Zustand for a lightweight and flexible state management solution in React Native.

Here’s how to set up Zustand for user authentication state: 👇
#ReactNative #DevTips #StateManagement"

I have been very busy with tasks nowadays. I've been away from here. How are u guys?

"Day 13 of 30: Tired of expired tokens interrupting your app? 🔄
Handle refresh tokens like a pro with Axios interceptors to ensure seamless re-authentication.

Here’s how to implement it: 👇
#ReactNative #DevTips #Authentication"

Axios Instance:
Centralizes API logic with a pre-configured base URL and timeout.
Request Interceptor:
Dynamically adds the token to Authorization headers before each request.
Result: A seamless and secure integration for API calls with token-based authentication.

"Day 12 of 30: Securely integrate your API with token-based authentication! 🔒
Here’s how to use Axios to send requests with a token stored in AsyncStorage.

#ReactNative #DevTips #Authentication"

easy implement and use. Good choose :D

-Context for Authentication:
Provides global access to token, login, and logout.
Encapsulates logic for managing login state securely.
-Best Practices:
Store sensitive data securely (consider using encrypted storage for production).
Abstract logic into a context for cleaner code and reusability.

"Day 11 of 30: Manage login data securely with @react-native-async-storage/async-storage! 🛡️
Here’s a best practice example for storing and retrieving authentication tokens.

#ReactNative #DevTips #AsyncStorage"

"How do you use notifications to engage your users? Let me know your creative ideas! 👇"

- expo-notifications: A powerful library for managing notifications in Expo apps.
Key Features:
- scheduleNotificationAsync: Schedules notifications with customizable triggers.
- Permissions.askAsync: Requests notification permissions from the user.

"Day 10 of 30: Engage your users with local notifications! 🔔
Use expo-notifications to schedule and manage notifications in your React Native app.

Here's how to schedule a notification with Expo: 👇
#ReactNative #DevTips #Notifications #Expo"

"Day 8 of 30: Add delightful animations to your app with lottie-react-native! 🎉
Lottie makes it easy to integrate high-quality animations.

Here's how to add a loading animation in just a few lines of code: 👇
#ReactNative #DevTips #Animations"

"What gestures have you implemented in your apps? Let me know your favorite use cases! 👇"

Would you like Day 8 to focus on Lottie animations for delightful app interactions? 🚀

"Day 7 of 30: Want to make your app feel more interactive? ✨
React Native's react-native-gesture-handler is the perfect library for handling gestures like swipes, taps, and drags efficiently.

Here's how to create a swipe-to-dismiss feature: 👇
#ReactNative #DevTips #Gestures"

It is okey for simple animations. However, we can use reanimated for more complex animations.

Animated.Value: Tracks the animation state.
Animated.timing: Creates a gradual animation over a specified duration.
useNativeDriver: Improves performance by using native threads for animations.
Result: A smooth fade-in effect for any component.

"Day 6 of 30: Bring your UI to life with smooth animations! 🎨✨
React Native's Animated API allows you to create seamless and interactive animations.

Here's how to create a simple fade-in effect: 👇
#ReactNative #DevTips #Animations"

There is a little trick while working with ScrollView. I will add it to the notes.