Introducing rn-fluid-calendar: A Customizable React Native Calendar

What if your portfolio was the proof itself? 13 years of writing code. Flutter, React Native, Node.js, Python, Kotlin, Swift. 3 PRs merged into google/flutter. 10+ speaking events at Google I/O Extended and GDG conferences. A list of skills never captures any of that. So I built something that does. ishaqhassan.dev is a complete macOS desktop experience. In the browser. The Desktop macOS Sonoma Dark wallpaper. Dock with magnification and bounce animations. 11 draggable, resizable windows with traffic lights. Mission Control with multiple desktops. Snap zones. Keyboard shortcuts. Exactly like a real OS. Apps About (terminal with real system specs via WebGL), Flutter PRs, Speaking Events, Experience, Open Source, Tech Stack, Articles, Contact, GitHub heatmap, LinkedIn, and Snake Neon. The Widgets 🎵 Music Player syncs with AirPods and keyboard media keys via MediaSession API 🌤️ Weather auto-detects your city, shows live conditions 🐍 Snake Neon: 60fps canvas game. Combos up to 3x. 50 speed levels. 6 neon bonus colors. All sounds synthesized with Web Audio API. Zero audio files. Game over? Opens the GitHub window. "Back to work." 😂 🔋 Your actual battery percentage in the menu bar Mobile? Completely rebuilt! Not responsive. Rebuilt. Native app-like interface with glowing stat pills, scroll animations, expandable cards, virtual joystick for Snake. Because forcing a desktop on a phone is bad UX. This site isn't done. It never will be. Every few weeks something new shows up. That's the point. It's alive. Sometimes the best showcase isn't listing what you know. It's building something that makes people forget they're on a website. 🔗 https://ishaqhassan.dev 📸 Screenshot attached. Try desktop first, then mobile for a completely different experience. #BuildInPublic #WebDevelopment #CreativeCoding #Portfolio #JavaScript #OpenSource

🚀 Getting Started with React? Let’s break down the core concepts! Whether you're new to React or revisiting the fundamentals, understanding these building blocks is key to becoming a confident front-end developer. 🧩 Components – The heart of any React app. Think of them as reusable puzzle pieces. ✨ JSX – Write markup-like syntax that gets transformed into JavaScript. Cleaner, simpler, elegant. 📦 Props – Pass data between components just like HTML attributes — but way more powerful! 🧠 State – Manage dynamic data inside a component. Every component can have its own state. ⚡ Events – Handle user interactions with React’s synthetic event system — consistent across all browsers. 🔁 Lifecycle – Tap into component life stages with methods like componentDidMount() and componentDidUpdate(). Master these, and you're well on your way to building dynamic, modern web apps! 👉 Which React concept do you find most challenging or interesting? Let me know in the comments! #ReactJS #FrontendDevelopment #WebDevelopment #LearnReact #JavaScript #JSX #ReactComponents #CodingJourney #TechLearning #ReactHooks #ProgrammingBasics

🚀 Just built a Notes App using React! A simple yet powerful app to create, manage, and organize notes efficiently. This project helped me strengthen my frontend skills and understand real-world component structuring. 🔗 Check it out here: https://lnkd.in/gb38XjAK Would love your feedback and suggestions! 💬 #ReactJS #WebDevelopment #FrontendDevelopment #JavaScript #Coding #Projects #DeveloperJourney

🔥 React Native 0.85 is here — and this update actually changes how you build apps. Not just minor fixes… this one brings real performance and developer experience upgrades 👇 Here’s what you need to know: 1. New Animation System Built in collaboration with Software Mansion You can now animate layout & Flexbox using the native driver → Smoother UI, better performance 2. Jest Preset Moved Now use `@react-native/jest-preset` → Cleaner setup and more modular core 3. Metro Gets TLS Support HTTPS & WSS now supported in development → Easier testing for secure APIs 4. Enhanced DevTools i. Multiple tools can connect at the same time (VS Code, DevTools, AI agents) ii. Native tab support on macOS iii.Request preview is back on Android 5. Breaking Changes to Watch i. Requires Node.js v20.19.4+ or v22+ ii. `StyleSheet.absoluteFillObject` removed → use `StyleSheet.absoluteFill` iii. Version 0.82.x is no longer supported 💡 React Native keeps getting faster, more modular, and more developer-friendly. If you're building apps with React Native, this is the update you shouldn’t ignore. 👉 Are you planning to upgrade to 0.85 or wait? Check out the latest version link in the comments section 👇 #ReactNative #MobileDevelopment #Expo #JavaScript #Developers #React #AppDevelopment #SoftwareEngineering #Tech #Programming

🚀 Just shipped Smart Notes — a production-ready React Native app built from scratch! I'm excited to share Smart Notes — a full-featured note-taking app that goes way beyond the basics. What's inside: 🔐 Biometric Auth — Face ID & Fingerprint lock to protect your notes from the first screen 🤖 AI-Powered Summaries — Tap one button and GPT generates concise bullet-point summaries of any note in seconds 🎙️ Voice-to-Text — Built a custom native module (Swift + Java) for real-time speech recognition — no third-party SDK 📎 Document Attachments — Attach PDFs and files directly to notes, read and parse file content using RNFS (React Native File System), preview them in-app, and manage them on the fly ✨ Fluid Animations — Scroll-aware animated header, spring physics, staggered list entries using React Native Reanimated 4 🌙 Dark / Light Mode — Persistent theming with haptic feedback on every interaction 📌 Smart Pinning & Search — Pin important notes, filter in real-time across titles and content Tech Stack: React Native 0.84 · React 19 · TypeScript · Zustand · React Native Reanimated 4 · OpenAI API · RNFS (React Native File System) · Custom Native Modules (Swift/Kotlin) · React Navigation · AsyncStorage The most challenging part? Building the custom voice module from scratch on both iOS and Android — and wiring Reanimated 4's new worklet API with the animated collapsible header. Every screen is fully animated, every interaction has haptic feedback, and the whole thing runs at 60fps on both platforms. If you're a React Native dev or into mobile dev, let's connect — always happy to chat about architecture, animations, and native integrations. 🙌 #ReactNative #MobileDevelopment #iOS #Android #JavaScript #TypeScript #OpenAI #AIApps #AppDevelopment #React #BuildInPublic #SoftwareEngineering #NativeDevelopment #ZeroToApp

React.js for Junior Developers: My Journey When I started learning React, it felt overwhelming — so many concepts, so many tutorials! 😅 Here’s what helped me the most: • Build small components first • Use props & state to make UI interactive • Experiment with Hooks (useState & useEffect) • Debug often with React DevTools The magic happens when all the pieces come together — suddenly, your small components are a real working app! 🚀 If you’re just starting with React: start small, keep building, and embrace mistakes. Every click, every console log, every bug is a step forward. 🔥 Tip: Try making a mini dashboard or to-do list — you’ll learn more building than reading. #ReactJS #JuniorDeveloper #WebDevelopment #CodingJourney #LearningByDoing

🧠 Today I learned something powerful in React: Zustand As I continue building my frontend skills, I explored a lightweight state management library called Zustand — and honestly, it changed the way I think about managing state in React apps. Before this, I mostly used useState and props drilling, which works fine for small apps. But when the app grows, sharing state between components becomes messy and hard to maintain. That’s where Zustand comes in. 🚀 What I learned about Zustand: It allows you to create a global state store outside components Any component can access or update the state directly No need for Context Provider or complex Redux setup Clean, minimal, and very easy to use 💡 Simple idea that helped me understand it: Instead of passing data through components → Zustand keeps the data in one shared store that every component can use directly. This made my code: ✔ Cleaner ✔ More scalable ✔ Easier to manage I really enjoy discovering tools like this because they show me how real-world React applications are structured. Still learning, still building, and getting better every day 💻 #ReactJS #Zustand #FrontendDevelopment #JavaScript #WebDevelopment #LearningInPublic

🔥 Unpopular opinion: Most React developers don’t actually understand useEffect. I didn’t either… until my app froze in production. 💥 No errors. No warnings. Just a stuck screen. The culprit? 👇 useEffect(() => { fetchData(); }); Looks normal, right? ❌ 💥 This runs on EVERY render → fetch updates state → state triggers render → infinite loop ♾️ And your app? Dead. ✅ Fix: useEffect(() => { fetchData(); }, []) 💡 Lesson: useEffect isn’t “run this code” It’s “run this code when dependencies change” Most bugs aren’t logic issues. They’re misunderstanding how React works. Follow me more Such learning Content and the mistakes that I had made, so that you shouldn't ✍️👨💻 #ReactJS #Frontend #JavaScript #SoftwareEngineering

#Question: After clicking button multiple times, what will be printed in console? import React, { useState, useEffect } from "react"; export default function App() { const [count, setCount] = useState(0); useEffect(() => { setInterval(() => { console.log(count); }, 1000); }, []); return ( <button onClick={() => setCount(count + 1)}> Count: {count} </button> ); } #Comment #Answer ? #ReactJS #JavaScript #FrontendDeveloper #WebDevelopment #FAANG #CodingInterview #ReactHooks #SoftwareEngineer #TechInterview

In my opinion, amid the dominance of JavaScript frameworks like React, Vue, or Next.js, there’s a strong pressure to simply follow the trend to avoid being seen as outdated (usually becomes a topic of conversation in hangouts, hahaha 😂 ). However, as a developer who focuses on the Apple ecosystem, I believe that a portfolio is not just a list of projects, but a reflection of how we choose the right tools for the right problems. I recently switched the technology for my personal website. Instead of using common JavaScript frameworks, I chose Publish, a static site generator based on the Swift programming language. Although the main architecture is built with Swift, I still use JavaScript pragmatically for scripting needs and DOM manipulation. 🚀 Tech Stack • Publish — Swift-based static site generator • Tailwind CSS — Styling • JavaScript — DOM interaction 💡 Why Publish? With Publish, every website is defined as a Swift Package. It acts as a configuration for how the site should be generated and deployed—entirely using native, type-safe Swift code. Big thanks to John Sundell and all contributors for building such an elegant tool 🙌 Personally, being able to use the same language (Swift) to build both iOS applications and a personal website brings a unique sense of satisfaction to my workflow. ⸻ 📎 For more information about Publish, you can visit the repository: https://lnkd.in/gjQffV9p 🌐 Feel free to check it out and let me know what you think! 🚀 https://lnkd.in/g8H5wGvn #Swift #iosdev #Publish