I recently read this article by Jeschinwa and honestly, it explains React Native internals in a very easy way. Sharing a few takeaways that really clicked for me 👇 👉 https://lnkd.in/gsKzzreX So what’s going on under the hood? 🔹 React Native doesn’t run in a browser Your JS code runs inside a JS engine (Hermes / JavaScriptCore), not Chrome or Safari. That’s why things behave a bit differently from web. 🔹 Multiple threads are doing different jobs JS thread → runs logic, API calls, state updates UI thread → handles actual screen rendering Shadow thread → calculates layouts (Flexbox magic) This separation is why RN can feel fast… and also why blocking the JS thread can freeze the app 🔹 JS doesn’t become native code JS just talks to native code and tells it what to do. Earlier this happened via the Bridge (JSON messages). Now with JSI & the new architecture, communication is much faster and smoother 🚀 You don’t need to know all internals to build apps — but knowing a little of what’s happening behind the scenes makes you a better React Native developer 💯 Curious — have you ever faced performance issues in RN that made more sense once you understood how it works internally? #ReactNative #JavaScript #MobileDevelopment #LearningInPublic #DevLife
React Native Internals: Hermes, Threads & JSI Explained
More Relevant Posts
-
🧠 Why So Many Developers Think in JavaScript I recently saw a long critique of JavaScript on Quora. Here’s what most people miss: Developers don’t “think in JavaScript” because it’s perfect. They think in JavaScript because of exposure and repetition. The more layers a language touches, the more your brain adapts to it. JavaScript runs in the browser. It runs on the server with Node.js. It scales safely with TypeScript. It powers UI with React, Angular, and Vue.js. It goes full-stack with Next.js. It builds desktop apps with Electron. It builds mobile apps with React Native. One language. Multiple platforms. Single mental model. That reduces context switching. And context switching is expensive. When your backend, frontend, automation scripts, desktop, and mobile apps share the same ecosystem: • You debug faster • You onboard faster • You ship faster • You scale knowledge across projects It’s not about trends. It’s about cognitive load. Even if you know other powerful languages like PHP, Python, the stack that minimizes mental friction often wins in real-world delivery. In today’s fast execution environment, the advantage doesn’t go to the language with the loudest debate. It goes to the developer who can think clearly once — and build everywhere. #JavaScript #NodeJS #TypeScript #ReactJS #NextJS #FullStackDevelopment #WebDevelopment #SoftwareEngineering #Automation
To view or add a comment, sign in
-
-
Most React Native bugs don’t start in React Native. They start in JavaScript. After debugging production RN apps for years, one pattern shows up again and again: The framework gets blamed for JavaScript fundamentals being ignored. Here are the JS mistakes that quietly break React Native apps: 1) Stale closures A function captures old values. State changes. Your logic doesn’t. The bug looks random — it isn’t. 2) Mutating objects and arrays One small mutation. One reused reference. Now React can’t tell what changed. Re-renders stop behaving predictably. 3) Confusing sync and async execution Promises resolve later. Effects re-run sooner. Assumptions fall apart. 4) Shallow copies mistaken for immutability Spreading an object doesn’t protect nested data. Side effects leak everywhere. 5) Not understanding the event loop Microtasks vs macrotasks. Timers vs promises. Order matters more than most people realize. React Native doesn’t create these problems. It exposes them. What senior engineers do differently: • Treat JavaScript as a core skill, not a prerequisite • Assume state can go stale • Design for immutability • Respect async boundaries • Debug with mental models, not guesses The takeaway: If your React Native app feels unpredictable, fix your JavaScript first. What JavaScript concept caused you the most trouble early on?
To view or add a comment, sign in
-
-
React isn't a framework. It's a library. And that distinction matters more than most people realise. I've spent 15 years watching developers pick the wrong tool because they conflated the two. They see React and assume it comes with routing, state management, and a blessed way to organise files. It doesn't. What React actually does is one thing well: it minimises UI bugs by breaking your interface into reusable components. That's genuinely useful. The rest? You're bolting on Next.js, Zustand, or whatever else fits your problem. The MDN docs get this right. React plays well with others. It's not a "burn everything down and rebuild" situation. You can drop it into an existing project, use it for a single button or an entire app. But here's where teams trip up. They treat React like it's a complete framework, then get frustrated when they need to make 47 decisions about how to actually structure the thing. If you're evaluating React for a project, ask yourself: am I using this because I need component-based UI rendering, or because I think it'll solve my entire architecture problem? The first is solid. The second will cost you. What's your take? Are you using React for the right reasons, or have you inherited a project where it's clearly the wrong fit? https://lnkd.in/ebXxaDXC
To view or add a comment, sign in
-
🚀 Is JavaScript Still King of the Web? For over a decade, JavaScript has dominated frontend development — and eventually conquered the backend with Node.js. Today, it powers: ⚛️ Frontend frameworks like React, Vue, Angular 🖥️ Backend systems with Node.js 📱 Mobile apps (React Native) 🖥️ Desktop apps (Electron) ☁️ Serverless & edge functions 🌍 98% of websites (in some form) But the landscape is changing. We now see: 📈 TypeScript becoming the default standard 🐍 Python gaining traction in full-stack & AI-driven apps ⚡ Rust & Go entering performance-critical systems 🤖 AI tools generating JavaScript code instantly So… is JavaScript still king?🤔 👉 My take: Yes — but it’s evolving. JavaScript is no longer just a browser language. It’s a universal runtime ecosystem. The real strength isn’t the language itself — it’s the ecosystem, community, tooling, and network effect. However, the future may not belong to a single “king.” We’re moving toward a polyglot era, where the right tool wins — not the most popular one. 💬 What do you think? Is JavaScript still ruling the web, or are we entering a multi-language future? #WebDevelopment #JavaScript #TypeScript #FullStack #TechTrends #SoftwareEngineering
To view or add a comment, sign in
-
-
Hello Connections!!! Here is an article about React React: A Powerful JavaScript Library for Building User Interfaces React is an open-source JavaScript library used for building fast and interactive user interfaces, especially for single-page applications (SPAs). It was developed by Facebook (now Meta) in 2013 and has become one of the most popular front-end technologies in the world. What is React? React is mainly used for creating the view layer of web applications. It allows developers to build reusable UI components that manage their own state. Instead of updating the whole webpage when something changes, React updates only the specific parts that need to change — making applications faster and more efficient. Key Features of React 1. Component-Based Architecture React applications are built using components. Each component is a small, reusable piece of code that represents a part of the user interface, such as a button, form, or navigation bar. 2. Virtual DOM React uses a Virtual DOM (Document Object Model) to improve performance. Instead of directly updating the real DOM, React first updates the Virtual DOM and then makes minimal changes to the actual DOM. 3. JSX (JavaScript XML) React uses JSX, which allows developers to write HTML-like code inside JavaScript. This makes the code easier to read and write. 4. Unidirectional Data Flow Data in React flows in one direction (from parent to child components). This makes debugging and managing applications easier. 5. Hooks Hooks like useState and useEffect allow developers to use state and lifecycle features in functional components. #snsinstitutions #designthinking #snsdesignthinkers
To view or add a comment, sign in
-
-
JavaScript, The Heartbeat of Modern Web Development JavaScript isn't just a scripting language—it's the powerhouse making websites interactive and dynamic. Here are its brief, game-changing uses. Dynamic User Interfaces: Powers real-time updates like infinite scrolling (think Twitter feeds) and modals without page reloads. Frontend Frameworks: Drives React, Vue, and Angular for building SPAs (Single Page Apps) that feel like native apps.Backend Power with Node.js: Handles server-side logic, APIs, and real-time apps like chat systems (e.g., WhatsApp web). DOM Manipulation: Lets you add, remove, or tweak HTML/CSS on the fly for responsive designs. AJAX & Fetch API: Enables seamless data fetching from servers, powering live search and auto-saves. Animations & Effects: Creates smooth transitions, parallax scrolling, and micro-interactions with libraries like GSAP. From vanilla JS to full-stack mastery, it's everywhere! What's your favorite JS use case? 👇 #javascript #WebDevelopment #Frontend #NodeJS #Coding
To view or add a comment, sign in
-
-
Why JavaScript Still Runs the Internet Think about the last time you used a website like Facebook or Instagram. You clicked a button. A notification appeared instantly. A message loaded without refreshing the page. A feed updated in real time. Have you ever wondered what makes that experience feel so smooth? The answer is JavaScript. Behind most modern web experiences is a language that quietly powers the interactive web. When you log in to a platform, submit a form, open a dropdown menu, or see content update instantly, JavaScript is working inside your browser to make that happen. In simple terms, JavaScript is the technology that transforms static web pages into dynamic applications. Without it, most websites would still behave like documents instead of products. What makes JavaScript so powerful? Dynamic interactions JavaScript allows web pages to update content instantly without refreshing the page, creating a fast and seamless user experience. Cross-browser compatibility It works across major browsers like Chrome, Firefox, Safari, and Edge, which makes it a universal language of the web. Structured programming with OOP JavaScript supports modern programming patterns that help developers build scalable and maintainable applications. But JavaScript is no longer limited to the browser. Today developers use it across the entire software stack. Front-end development JavaScript powers interactive interfaces, animations, dynamic forms, dashboards, and modern user experiences. Back-end development With Node.js, developers build APIs, servers, and scalable web applications using the same language. Mobile and cross-platform applications Frameworks like React Native allow developers to build mobile apps using JavaScript. Modern web applications Libraries and frameworks like React, Vue, and Angular make it possible to build large-scale applications used by millions of users. JavaScript can also connect to external APIs to fetch real-time data such as weather updates, social feeds, financial data, or live dashboards without refreshing the page. This is why JavaScript became the backbone of modern web development. And it continues to evolve every year. For many developers, JavaScript is the first programming language they learn. For others, it becomes the foundation for building full-stack applications. Either way, it remains one of the most important skills in software development today. If you work in web development, software engineering, or product development, JavaScript is almost impossible to ignore. Now I am curious. What was the first thing you ever built using JavaScript? #javascript #webdevelopment #softwaredevelopment #programming #frontenddevelopment #nodejs #reactjs #fullstackdeveloper #coding #developers #softwareengineering #techcareers #codingcommunity
To view or add a comment, sign in
-
-
Unpopular Opinion: Junior Developers Should NOT Start With React This might sound controversial, but I see it often. Many beginners jump directly into frameworks like React or Next.js without understanding the problems those tools solve. Before React, you should understand: • How the DOM works • Event handling in JavaScript • State and data flow in vanilla JavaScript • Basic rendering logic Before using a framework, ask: Why was this framework created in the first place? React exists to solve problems like: Complex UI state management Efficient DOM updates (Virtual DOM & reconciliation) Component-based architecture Similarly, understanding concepts like Server-Side Rendering (SSR) makes frameworks like Next.js much easier to appreciate. The Same Applies to Styling Before using utility frameworks like Tailwind CSS, you should understand: Flexbox Grid Positioning The CSS box model Otherwise you end up copying classes without understanding layout behavior. The Real Point Frameworks are powerful. But they make far more sense when you understand the problems they were designed to solve. Strong fundamentals make learning any framework faster. Weak fundamentals make every framework confusing. Do you think beginners should start with fundamentals first, or jump straight into frameworks? #FrontendDeveloper #ReactJS #WebDevelopment #JavaScript #SoftwareEngineering #Developers #TechCareers
To view or add a comment, sign in
-
🚀 TypeScript vs JavaScript – What’s the Real Difference? As a Frontend Developer working with React, one common question I get is: 👉 Should I use JavaScript or TypeScript? Let’s break it down simply 👇 🔹 JavaScript JavaScript is a dynamic language used to build interactive web applications. It’s flexible, easy to start with, and runs directly in the browser. But… flexibility sometimes leads to runtime errors. For Example: let value = "Hello"; value = 10; // No error ❗ 🔹 TypeScript TypeScript is a superset of JavaScript developed by Microsoft. It adds static typing, better tooling, and improved scalability. For Example: let value: string = "Hello"; value = 10; // Error ✅ (caught before runtime) 🔥 Key Differences: ✔️ Static vs Dynamic Typing ✔️ Compile-time vs Runtime error detection ✔️ Better scalability for large projects ✔️ Improved code maintainability 💡 My Take (From Experience): For small projects → JavaScript works perfectly. For large-scale applications & team collaboration → TypeScript is a game changer. In modern React applications, TypeScript improves: ✅ Code quality ✅ Developer confidence ✅ Refactoring safety ✅ Team productivity 📌 Final Thought: JavaScript gives you freedom. TypeScript gives you confidence. What are you using in your projects — JS or TS? 👇 #ReactJS #TypeScript #JavaScript #FrontendDeveloper #WebDevelopment #Coding
To view or add a comment, sign in
-
The Frontend Developer's Paradox We have more tools than ever. So why does frontend feel harder? Started my career writing vanilla JS and jQuery. Today? React, Vue, Angular, Svelte, Next.js, Astro, Solid... the list goes on. 𝗕𝘂𝘁 𝗵𝗲𝗿𝗲'𝘀 𝘁𝗵𝗲 𝘁𝗵𝗶𝗻𝗴: More choices don't always mean better outcomes. Last month, I watched a junior dev spend 3 days configuring Webpack, Babel, ESLint, Prettier, and TypeScript just to start a project. Remember when you could just open index.html and start building? 𝗪𝗵𝗮𝘁 𝗜'𝗺 𝘀𝗲𝗲𝗶𝗻𝗴: - Developers spending more time on tooling than on actual features - Decision fatigue before a single line of code is written - Tutorial hell because the ecosystem moves faster than we can learn 𝗪𝗵𝗮𝘁'𝘀 𝘄𝗼𝗿𝗸𝗶𝗻𝗴: - Start simple. Add complexity only when you need it. - Master fundamentals (HTML, CSS, JS) before framework hopping - Use frameworks as tools, not identities - Remember: users don't care about your stack. They care about the experience. The best frontend developers I know aren't the ones who know every framework. They're the ones who understand performance, accessibility, and user experience deeply regardless of the tools. Follow the Frontend Circle By Sakshi channel on WhatsApp: https://lnkd.in/gj5dp3fm 𝗙𝗼𝗹𝗹𝗼𝘄𝘀 𝘂𝘀 𝗵𝗲𝗿𝗲 → https://lnkd.in/geqez4re
To view or add a comment, sign in
Explore content categories
- Career
- Productivity
- Finance
- Soft Skills & Emotional Intelligence
- Project Management
- Education
- Technology
- Leadership
- Ecommerce
- User Experience
- Recruitment & HR
- Customer Experience
- Real Estate
- Marketing
- Sales
- Retail & Merchandising
- Science
- Supply Chain Management
- Future Of Work
- Consulting
- Writing
- Economics
- Artificial Intelligence
- Employee Experience
- Workplace Trends
- Fundraising
- Networking
- Corporate Social Responsibility
- Negotiation
- Communication
- Engineering
- Hospitality & Tourism
- Business Strategy
- Change Management
- Organizational Culture
- Design
- Innovation
- Event Planning
- Training & Development