State of React 2023, CSS Selectors Deep Dive & Web-to-Native Transition

Redux holds its ground, TypeScript popularity soars, and React Native continues to dominate mobile development for React developers. ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ [SitePoint logo](~/AAAHUQA~/RgRogPccP0UgNGE5ZGZmMzQ2NTczMDc2MzRjZjg4YmM1ZGRmNDQzOGZEFGh0dHBzOi8vc2l0ZXBvbnQuY29tVwVzcGNldUIKZpYccp5mc7t2DlIbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd) July 22nd, 2024 | [Read Online](~/AAAHUQA~/RgRogPccP0TbaHR0cHM6Ly9iZXJyaW1hLmVvY2FtcGFpZ24xLmNvbS93ZWItdmVyc2lvbj9lcD0yJmxjPTg3MDdlZTg2LTUyZjAtMTFlZS1hZjUyLTRiNTM4MmJhM2I5NCZwPWZlMGM2MTZjLTQ2NjMtMTFlZi1iYWZiLWZkODU2YzZkMTliNCZwdD1jYW1wYWlnbiZ0PTE3MjE2NTk5MzImcz00NTgxOGFlMDFiYzE0NGFjMDQ4ZTI5NjMwY2Q3NmUzZjRkYWIyZTgyZmE5MGVhMGU2YTNiYjA0OTJhNjA4Yjc3VwVzcGNldUIKZpYccp5mc7t2DlIbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd) SitePoint Source Welcome, Developers! 👋 Exciting times for React enthusiasts! The StateOfReact survey results are in, revealing insights for features, libraries and frameworks in current use of React devs. Learn why React Native remains the go-to for mobile development and how you can leverage your React skills to jump into the native app world. On a different note, last Friday's CrowdStrike update fiasco disrupted millions but hopefully you were unaffected. That said, let's dive in! From our Sponsor: Adobe ~/AAAHUQA~/RgRogPccP0UgNTM5MWVjMzY1ZTEzYzVkYTM5NzY1MTVjZjA2ZGUyMDlEgmh0dHBzOi8vc3J2LmJ1eXNlbGxhZHMuY29tL2Fkcy9sb25nL3gvVENBRjNEWkNUVFRUVFQ0MkU1NE5LVFRUVFRUWkpLV0ZLWVRUVFRUVEE0N1ZCN0VUVFRUVFRJSTJDTUhXRU1CV0NSTTY1QkpNQ1JKV0VSSUpHSEpVVjJCSENITkVXBXNwY2V1QgpmlhxynmZzu3YOUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~ Want Faster Sites? Learn Proven Tips from Experts Check out the first episode of Web Currents, a video podcast by developers for developers, featuring Adobe experts and community members. In this episode, we dive into web performance optimization, discussing the importance of Core Web Vitals, strategies for improving site speed, image optimization, and caching techniques. Learn how to use web performance metrics to deliver the best user experience and drive business outcomes efficiently. Don't miss this engaging conversation! [Watch it on YouTube](~/AAAHUQA~/RgRogPccP0UgNTM5MWVjMzY1ZTEzYzVkYTM5NzY1MTVjZjA2ZGUyMDlEgmh0dHBzOi8vc3J2LmJ1eXNlbGxhZHMuY29tL2Fkcy9sb25nL3gvVENBRjNEWkNUVFRUVFQ0MkU1NE5LVFRUVFRUWkpLV0ZLWVRUVFRUVEE0N1ZCN0VUVFRUVFRJSTJDTUhXRU1CV0NSTTY1QkpNQ1JKV0VSSUpHSEpVVjJCSENITkVXBXNwY2V1QgpmlhxynmZzu3YOUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~) 🏆 State Of React Survey Results React's like that classic recipe that never goes out of style. The 2023 survey drops some serious stats: useState and useEffect are practically everywhere (99% adoption!). Next.js is crushing it in the framework game, while server components are gaining traction as the next big thing. [By StateOfReact Team →](~/AAAHUQA~/RgRogPccP0UgODEyMWRmZjQ2NWNmNDNhZTA2ZGM3Yjg4ZTQ4YmUxYzlEJGh0dHBzOi8vMjAyMy5zdGF0ZW9mcmVhY3QuY29tL2VuLVVTL1cFc3BjZXVCCmaWHHKeZnO7dg5SG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) 🛡️ CrowdStrike Security Update Triggers Mass Windows Outage One of the biggest-ever IT outages, CrowdStrike's Friday update bricked more than [8.5 million](~/AAAHUQA~/RgRogPccP0UgOTllODZiM2IwN2QyMDNlM2I5M2ZkZjYyNmI5NDI2Y2FEYWh0dHBzOi8vYmxvZ3MubWljcm9zb2Z0LmNvbS9ibG9nLzIwMjQvMDcvMjAvaGVscGluZy1vdXItY3VzdG9tZXJzLXRocm91Z2gtdGhlLWNyb3dkc3RyaWtlLW91dGFnZS9XBXNwY2V1QgpmlhxynmZzu3YOUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~) devices running Windows. Its effect was widespread, covering airports, hospitals, state governments, and various enterprises. The fix? Booting manually into safe mode and deleting a file... catch up on how it happened and lessons learned. [By Konstantin Klyagin →](~/AAAHUQA~/RgRogPccP0UgNmJlNWQyNzdmZDQ1OWYzYjZjMzk5OTBiYWUzZjY1MDlEQWh0dHBzOi8vcWF3ZXJrLmNvbS9ibG9nL2Nyb3dkc3RyaWtlLXVwZGF0ZS1tYXNzLW1pY3Jvc29mdC1vdXRhZ2UvVwVzcGNldUIKZpYccp5mc7t2DlIbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd) # # ⚛️ From Web to Native with React Already a web dev but interested in mobile development too? You can leverage your existing React skills to build native apps for iOS and Android using JavaScript. Kadi Kraman from Expo writes a comprehensive guide, introducing you to the key concepts needed for a smooth transition to React Native. [By Kadi Kraman →](~/AAAHUQA~/RgRogPccP0UgYTI4NWViMzcyMmIyYjY4MGNkNDNmNzNkYmMxNTNjY2ZEM2h0dHBzOi8vZXhwby5kZXYvYmxvZy9mcm9tLXdlYi10by1uYXRpdmUtd2l0aC1yZWFjdFcFc3BjZXVCCmaWHHKeZnO7dg5SG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) 🪝Top 6 React Hook Mistakes Beginners Make React hooks can be tricky for beginners, especially when dealing with useEffect and dependencies. This article highlights six common mistakes, including overusing state, misunderstanding state updates, and unnecessary useEffect implementations. [By Mark →](~/AAAHUQA~/RgRogPccP0UgNGU1NGQ1MWVjNGRjM2Y1YTAwYTAxMWNjM2VkNTBkYjhESGh0dHBzOi8vZGV2LnRvL21hcmtsaXUyMDEzL3RvcC02LXJlYWN0LWhvb2stbWlzdGFrZXMtYmVnaW5uZXJzLW1ha2UtMTEzNVcFc3BjZXVCCmaWHHKeZnO7dg5SG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) 🎯 CSS Selectors: Targeting with Precision CSS's superpower lies in selecting and styling elements with precision and finesse. Learn all about selectors to move from basic element hunting to advanced pseudo-selector sorcery. [By Geoff Graham →](~/AAAHUQA~/RgRogPccP0UgMDhkYWY5MTAxOWRkNjc4YWJkZWJiZjE0YTY0NjVkNDlEJWh0dHBzOi8vY3NzLXRyaWNrcy5jb20vY3NzLXNlbGVjdG9ycy9XBXNwY2V1QgpmlhxynmZzu3YOUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~) 🧰 The Toolbox Tools and products we're excited about today: # # GPT-4o mini OpenAI's successor to GPT-3.5 turbo - smarter, better and cheaper. With its low cost and latency, GPT-4o mini works well for high-volume, cost-sensitive tasks, and tasks that require fast responses like customer support chatbots. [Learn more →](~/AAAHUQA~/RgRogPccP0UgZjBiOTI4NGFlNDI5ODFiMGZjZDUzNGQ5MDYxNWJmYzFELWh0dHBzOi8vd3d3LnByb2R1Y3RodW50LmNvbS9wb3N0cy9ncHQtNG8tbWluaVcFc3BjZXVCCmaWHHKeZnO7dg5SG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) PullNotifier Improve productivity for dev teams using Github and Slack. PullNotifier is a Slack app that aims to simplify PR notifications and increase code review visibility to keep your devs productive and happy. [Learn more →](~/AAAHUQA~/RgRogPccP0UgMzBkOWUxYjA5NTg4MmQwNzk1ZjEwYjJlNTE1OGE5MzdELmh0dHBzOi8vd3d3LnByb2R1Y3RodW50LmNvbS9wb3N0cy9wdWxsbm90aWZpZXJXBXNwY2V1QgpmlhxynmZzu3YOUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~) Archfy Simple way to visualize your product architecture. Visualize the architecture of your product in tree-like style and create logic for features, lists, code snippets and more. [Learn more →](~/AAAHUQA~/RgRogPccP0UgMzU5MDI4MGQyNmU0MGIxMGUwMDY2MGQyMTQyMDM3ZmNEKGh0dHBzOi8vd3d3LnByb2R1Y3RodW50LmNvbS9wb3N0cy9hcmNoZnlXBXNwY2V1QgpmlhxynmZzu3YOUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~) ~/AAAHUQA~/RgRogPccP0UgZDA3YmMwZTk1ZDhlY2IxYmNiNGRkZWQ2MzA4ODEzZDBEmGh0dHBzOi8vbWwuc2l0ZXBvaW50LmNvbS9saW5rL2MvWVQweU16RXhOemMyTmprMk5UZzFOREkyT1RrMkptTTlhVEp5TUNabFBUQW1ZajB4TWpFeE5qUXdOVGs1Sm1ROVpqWnJOM1V6YWc9PS5RcndWOWk0QWI0a0RRVndLRnU4Sk1QUnFQVUNPZk50blNGREwtMXBNQU1vVwVzcGNldUIKZpYccp5mc7t2DlIbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQdWant Faster Sites? Learn Proven Tips from Experts Check out the first episode of Web Currents, a video podcast by developers for developers, featuring Adobe experts and community members. In this episode, we dive into web performance optimization, discussing the importance of Core Web Vitals, strategies for improving site speed, image optimization, and caching techniques. Learn how to use web performance metrics to deliver the best user experience and drive business outcomes efficiently. Don't miss this engaging conversation! [Watch it on YouTube →](~/AAAHUQA~/RgRogPccP0UgNTM5MWVjMzY1ZTEzYzVkYTM5NzY1MTVjZjA2ZGUyMDlEgmh0dHBzOi8vc3J2LmJ1eXNlbGxhZHMuY29tL2Fkcy9sb25nL3gvVENBRjNEWkNUVFRUVFQ0MkU1NE5LVFRUVFRUWkpLV0ZLWVRUVFRUVEE0N1ZCN0VUVFRUVFRJSTJDTUhXRU1CV0NSTTY1QkpNQ1JKV0VSSUpHSEpVVjJCSENITkVXBXNwY2V1QgpmlhxynmZzu3YOUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~) Come say hi! SitePoint’s community is a place where you can come to talk tech, development, and design. Join us today and get involved with other members who share your interests in tech! [Join now →](~/AAAHUQA~/RgRogPccP0UgNWE4ODZmMWU2ZTZhNzk4M2FkZjg1MzUzZGIzZTY2YTdEJGh0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20vY29tbXVuaXR5L1cFc3BjZXVCCmaWHHKeZnO7dg5SG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) That's a wrap for today! Let us know how you felt about today's newsletter. ~/AAAHUQA~/RgRogPccP0UgOTQxY2I5MTNlMTEwNDJjZjljNDU5YjllNDA3OTdhMTlEWWh0dHBzOi8vZm9ybS50eXBlZm9ybS5jb20vdG8vdTVEQ3B0QkcjYW5zd2Vycy1ob3dfZGlkX3lvdV9mZWVsPTAxSFdUSE40WUtXVzVGQkhOQ0NDVllDSFYxVwVzcGNldUIKZpYccp5mc7t2DlIbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd ~/AAAHUQA~/RgRogPccP0UgM2YyZjlkOWEwNDU5YmVjYjU4Y2EyZjdkM2E0ZDdkNjFEWWh0dHBzOi8vZm9ybS50eXBlZm9ybS5jb20vdG8vdTVEQ3B0QkcjYW5zd2Vycy1ob3dfZGlkX3lvdV9mZWVsPTAxSFdUSE40WUtQSkE4Uk44QUJZV1QzNkNXVwVzcGNldUIKZpYccp5mc7t2DlIbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd ~/AAAHUQA~/RgRogPccP0UgOTVmYTEyYjJmNGFkNzhkMmEyNGNjOTVkZDY5YzVjYjREY2h0dHBzOi8vZm9ybS50eXBlZm9ybS5jb20vdG8vdTVEQ3B0QkcjYW5zd2Vycy1ob3dfZGlkX3lvdV9mZWVsPTEzNjg3YjBhLTMwZmQtNDQxNC1iZDFlLTRkNjQ1ZGIzYTkwMVcFc3BjZXVCCmaWHHKeZnO7dg5SG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~ What do you want to see more of? ~/AAAHUQA~/RgRogPccP0UgY2YyNTU3NDA1NzQ4NzUyODAzYjgzZjQzYzc1YmUzMjNEXmh0dHBzOi8vZm9ybS50eXBlZm9ybS5jb20vdG8vdTVEQ3B0QkcjYW5zd2Vycy1zZWVfbW9yZV9vZj0wMjQ1MWQ0ZC05Y2NhLTQzNmMtYmFhOS0zYzAzNmM4ODZhMGRXBXNwY2V1QgpmlhxynmZzu3YOUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~ ~/AAAHUQA~/RgRogPccP0UgODg5Y2UzMjI2N2FmODg2ZGY4MDAyNzZiZjY1MjMzNThEXmh0dHBzOi8vZm9ybS50eXBlZm9ybS5jb20vdG8vdTVEQ3B0QkcjYW5zd2Vycy1zZWVfbW9yZV9vZj1iZGYzZDg5ZS0xYmU1LTRjNTctYjhmNy1iNzljM2RiYjkyMmVXBXNwY2V1QgpmlhxynmZzu3YOUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~ ~/AAAHUQA~/RgRogPccP0UgNjk3YzJhNTk0ZjFhMjQzYjc5NjM3ZjdkYzAzOWFlZTJEXmh0dHBzOi8vZm9ybS50eXBlZm9ybS5jb20vdG8vdTVEQ3B0QkcjYW5zd2Vycy1zZWVfbW9yZV9vZj00ZGYzYzQwZC1lMzhhLTQ0OWYtOGJmMi1kYWEwMDI1YTFkMWVXBXNwY2V1QgpmlhxynmZzu3YOUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~ ~/AAAHUQA~/RgRogPccP0UgZTk4YzUzMzdlZGI4YmY5ZGZjMmVmYTk5YzFiZDFmYzhEXmh0dHBzOi8vZm9ybS50eXBlZm9ybS5jb20vdG8vdTVEQ3B0QkcjYW5zd2Vycy1zZWVfbW9yZV9vZj1hYTAzMzMxNi0zM2I4LTQzOWEtYTMwZi1hOTI1MGU0YjJhYjNXBXNwY2V1QgpmlhxynmZzu3YOUht0cmlzdHJhbWJhbGR3aW45MUBnbWFpbC5jb21YBAAAZB0~ 71 Balmain Street Cremorne Vic 3121 Australia Your received this email because you signed up on our website or made purchase from us. [facebook social link](~/AAAHUQA~/RgRogPccP0UgMzE4MjJmZDM2ZTM3ZmE0MWQxODQ2MTQzMGEwZTY1MmNEI2h0dHBzOi8vd3d3LmZhY2Vib29rLmNvbS9zaXRlcG9pbnQvVwVzcGNldUIKZpYccp5mc7t2DlIbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd) [x social link](~/AAAHUQA~/RgRogPccP0UgYWMwZjQ1NzQ2MGI3YTY2YzE2YTE1MzVhYzY5ZDdlZmNEJGh0dHBzOi8vdHdpdHRlci5jb20vc2l0ZXBvaW50ZG90Y29tL1cFc3BjZXVCCmaWHHKeZnO7dg5SG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) [linkedin social link](~/AAAHUQA~/RgRogPccP0UgYzcxOTVmYzA2ZDk3OWYwOGRlMTQ4OGFmY2IwNmIxYTBEJ2h0dHBzOi8vbGlua2VkaW4uY29tL2NvbXBhbnkvc2l0ZXBvaW50L1cFc3BjZXVCCmaWHHKeZnO7dg5SG3RyaXN0cmFtYmFsZHdpbjkxQGdtYWlsLmNvbVgEAABkHQ~~) [Unsubscribe from this list](~/AAAHUQA~/RgRogPccP4QWAWh0dHBzOi8vYmVycmltYS5lb2NhbXBhaWduMS5jb20vdW5zdWJzY3JpYmU_ZXA9MiZsPWNhYTY1ODU4LTRhYzYtMTFlZS04MDE2LTRkY2U5YmEwOGU2ZCZsYz04NzA3ZWU4Ni01MmYwLTExZWUtYWY1Mi00YjUzODJiYTNiOTQmcD1mZTBjNjE2Yy00NjYzLTExZWYtYmFmYi1mZDg1NmM2ZDE5YjQmcHQ9Y2FtcGFpZ24mcHY9NCZzcGE9MTcyMTY1NzA2MCZ0PTE3MjE2NTk5MzImcz1hMmQ5MzhhNzYwMDkwMTU4MmVmZjczZjNiOWJkYWNiNzkwMWZhNmFjYmVlMTYyNzdhYTA3ZDZlN2U5MDhmNGE2VwVzcGNldUIKZpYccp5mc7t2DlIbdHJpc3RyYW1iYWxkd2luOTFAZ21haWwuY29tWAQAAGQd)