TGViewer
Channel Public Channel
Onix React

Onix React

@clubreact

Stay updated with the latest #React and #JavaScript news! 🔥


For inquiries and collaborations, reach out to: @A_Lytvyn 🤝

Follow us on social media: https://linktr.ee/reactonix
Open in Telegram
Subscribers
636
Photos
302
Videos
1
Links
1.4K

Showing posts older than #986 · Back to latest

Older Posts 20 shown
Post #983 236
Web Dev Trends & React News This Week 🌐

• Redux Toolkit 2.9 - RTK Query now has faster internals, auto-aborts requests on cache removal, a new addAsyncThunk option, and key bug fixes.
• Fresh 2.0 beta - Preact framework for Deno - Vite integration, improves HMR, <Head> component.
• shadcn CLI 3.1 - The shadcn MCP Server added natural-language browsing, searching, and installing of components from multiple registries directly into your project.
• React Window 2.0 - Adds a new API, built-in memoization and sizing, TypeScript support, and a smaller bundle.
• Base UI 1.0 beta.3 - Autocomplete + Combobox components.
• React Native Reanimated 4.1.0 - Adds partial CSS animation support for SVG shapes, better FlashList v2 types, and compatibility with React Native 0.81 & Expo SDK 54.
• Worklets 0.5 - Event loop for worklet runtimes, new Synchronizable APIs.
• Uppy 5.0 - Headless file uploader components and hooks.
• Reanimated 4.1 - partial support SVG shapes CSS animtions, Improved FlashList 2 integration, RN 0.81 and Expo 54 support.
• Radon IDE 1.11 - Send files to device, Expo 54 support, improved network inspector.
• Node.js 24.7 - Post-Quantum Cryptography algorithms.

#webdev #react #developer
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
  • 🔥 4
  • 👍 1
  • 🥰 1
Post #982 216
Reanimated 4 = CSS for React Native? 🚀

Reanimated 4 introduces CSS-style Transitions & Animations, making fluid UI easier than ever.

This video covers:
✅ CSS-style Transitions & Animations
🔀 Comparing the old vs new APIs
⚙️ Compatible with the New Architecture
🧠 What the new Worklets package means

🎥 Watch the full breakdown: YouTube Tutorial

#frontend #developer #react
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
YouTube Reanimated 4 = CSS for React Native? In this video, I’ll walk you through the major changes in Reanimated 4 - including the new CSS Transition and CSS Animations APIs, how they compare to the old shared value approach, and what you need to know about compatibility with the New Architecture plus…
  • ❤ 3
  • 🔥 2
  • 👍 1
Post #981 214
Repo: 50 Projects in 50 Days

🔗 bradtraversy/50projects50days

In this repo, build 50+ bite-sized web projects with HTML, CSS, and JavaScript — all with live demos and source code. From Expanding Cards to a Quiz App, it’s perfect for daily practice and quickly boosting your portfolio.

Instagram ⏺ Facebook ⏺ Threads ⏺ Medium ⏺ X(Twitter)
GitHub GitHub - bradtraversy/50projects50days: 50+ mini web projects using HTML, CSS & JS 50+ mini web projects using HTML, CSS & JS. Contribute to bradtraversy/50projects50days development by creating an account on GitHub.
  • 🔥 5
  • ❤‍🔥 2
  • 👍 2
Post #980 223
Comprehensive AI Models for Every Use Case 🤖

• Everyday use: GPT-4o, GPT-5 Thinking, Claude 4
• Coding/Programming: GitHub Copilot, Tabnine, Cursor
• Video & Media Generation: Qwen coder, Synthesia
• Images/Graphics: Seadance, GPT image, Grok
• OCR & Simple Tasks: Gemini Flash, Tesseract, Adobe Scan
• Report Writing/Documentation: Gemini 2.5 Pro, Notion AI, Copy.aі
• Reasoning/Problem Solving: GPT-5 Thinking, Claude 4, Auto-GPT
• Real-Time/Live Interaction: Grok-4, Perplexity AI, Character.aі
• Text-to-speech: ElevenLabs, Listnr, Fliki

#developer #AI #webdev
Instagram ⏺ YouTube ⏺ Threads Medium ⏺ X
  • 🔥 5
  • 👍 3
  • ❤ 1
  • 🤩 1
Post #979 226
A CSS Trick to Select Specific Rows in Grid 🎨

In this video, you’ll learn a CSS trick to select specific rows in a grid layout using auto-fit and auto-fill. This technique makes grid layouts more flexible, from selecting the first two rows to targeting the last one dynamically.

🎥 Watch on YouTube

#react #webdev #developer
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
YouTube A CSS Trick to select a specific row with Grid auto-fit/fill Looking to step up your CSS Game? Check out https://cssdemystified.com 🔗 Links ✅ Code for last row only: https://codepen.io/kevinpowell/pen/ogjwxyv/19639a71b6ff26e1bf87738fa6db12d5 ✅ Code for first two rows only: https://codepen.io/kevinpowell/pen/vENZG…
  • ❤‍🔥 4
  • 👍 3
  • 🔥 1
Post #978 242
Libraries You Can Share Across Platforms 📡

• ✅ Zod → Schema validation
• ✅ React Hook Form → Forms made easy
• ✅ React Table → Tables
• ✅ Zustand → State management
• ✅ tRPC + React Query → Data fetching & caching
• ✅ Motion → Animations (Matching API w/ Moti)
• ❌ Moment.js – Legacy date library (use date-fns instead)
• ✅ AI Toolkit→ AI-powered tools
• ❌ Nuqs → Search params (useLocalSearchParams in Expo Router)
• ❌ Recharts → Charts
• ✅ Shadcn → UI components (shareable with RN)

#frontend #developer #react
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
  • 👍 4
  • 🔥 3
  • ❤‍🔥 1
Post #975 225
Tech Digest This Week 🌐

• Waku 0.24 / 0.25 / 0.26 - In recent releases, the React metaframework adopted the new official Vite RSC plugin and introduced a Slice Components API to replace the Page Parts API.
• shadcn CLI 3.0 - Namespaced registries, private registries, search and discovery, improved error handling.
• React Aria - August 25 release - Improved Popover anim, GridListSection, autocomplete filtering.
• React Native ExecuTorch 0.5 - Faster Whisper transcriptions, Zod structured output, zero-copy data transfer.
• Maestro 2.0 - Java 17, GraalJS by default, Maestro Studio Desktop, Web Testing, setOrientation
• Re.Pack 5.2 - Faster Transforms, Support for TS config, RN 0.80/0.81 and Rozenite DevTools.
• Zod 4.1 - Codecs, bi-directional transformations with encode()/decode(): Much needed feature, more powerful than transforms.
• Node.js v24.7.0 - Added Post-Quantum Cryptography, modern Web Crypto algorithms, single-executable arg support.
• Bun v1.2.21 - Brings DB adapters, YAML support, secure secrets, faster messaging, build compile, and a security scanner.
• Rspack v1.5.0 - Faster watchers, optimizations, browser support, virtual modules, Rust extensions, and more.
• ESLint 9.34 - Multithread Linting: The community reports 30% to 380% speed improvements, making the historical linter more competitive against challengers.
• Firefox 142.0 - URLPattern API, scheduler API, and more.

#webdev #react #developer
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
  • 👍 5
  • 🔥 2
  • 👏 1
Post #974 209
New Architecture, AI Impact & Future Innovations with Jamon Holmgren 🎙

Jamon Holmgren explores the next wave of React Native: what’s changing under the hood, how AI is shaping development, and which tools and trends will define the ecosystem’s future.

📌 Key Topics:

• Progress of the New React Native Architecture
• The role AI plays in modern dev workflows
• Latest tools in the React Native community
• What’s next for developers

🎧 Watch the breakdown: Podcast Episode

#frontend #developer #react
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
Rocket Ship Rocket Ship | #079 - New Architecture, AI Impact, and the Next Wave of React Native Innovation with Jamon Holmgren In this episode, I’m joined once again by Jamon Holmgren, co-founder of Infinite Red and host of React Native Radio. We dive deep into the new React Native architecture - from TurboModules, Fabric ...
  • 🔥 6
  • 👍 1
  • 😎 1
Post #973 209
The Wrong Way to Optimize Performance in React 🚫

In this video, you'll explore the pitfalls of overusing useMemo and useCallback in React. Learn when overusing memoization hurts performance and how smarter component design makes a bigger impact.

🎥 Watch on YouTube

#react #webdev #developer
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
YouTube The Wrong Way to Optimize Performance in React To learn for free on Brilliant, go to https://brilliant.org/CosdenSolutions/, scan the QR code onscreen, or click on the link in the description. Brilliant’s also given our viewers 20% off an annual Premium subscription, which gives you unlimited daily access…
  • 🔥 4
  • 👍 2
  • 👀 1
Post #972 210
Popular Git GUI Tools in 2025 ⚙️

• SourceTree → A visual Git client that makes repository management simple and intuitive.
• SmartGit → Offers advanced features for both beginners and professional developers.
• Sublime Merge → Lightweight, fast, and clean interface for efficient Git workflows.
• Github Desktop → Simplifies Git workflows with a user-friendly interface for managing repositories.
• TortoiseGit → Integrates with Windows Explorer for easy Git operations without the command line.

#webdev #react #developer
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
  • 🔥 5
  • 👍 2
  • 👏 1
Post #971 253
Shadcn Finally Has MultiSelect 💥

In this video, you’ll learn how I built a fully functional multiselect component for Shadcn from scratch. Since Shadcn doesn’t provide one out of the box, this tutorial shows how to create and handle overflow for a component that fits perfectly into your projects.

🎥 Watch on YouTube

#react #webdev #developer
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
YouTube Shadcn Finally Has MultiSelect! React Hooks Simplified Course: https://courses.webdevsimplified.com/react-hooks-simplified/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-pwpCNEROEZc Shadcn has been missing a multiselect component and it doesn’t appear they will add…
  • 🔥 5
  • 👍 1
  • 👏 1
Post #969 232
Web Dev Trends & React News This Week 🌐

• Next.js 15.5 is out - Stable Node.js runtime in middleware, Turbopack in beta for prod builds, Typed Routes, Biome replacing next lint, and deprecation warnings for Next.js 16.
• Expo SDK 54 beta is now available - The new SDK includes React Native 0.81, React 19.1, precompiled builds for iOS, Expo Router v6 beta, and much more.
• TanStack Router v1.131.27 - Brings performance tweaks, simpler search param handling, and new serialization tests.
• TanStack Query v5.85.5 - Fixed core to only reject when a promise gets used.
• Storybook v10.0.0-beta.0 - fixes for staticCopy & accessibility, ESM-only bundles, and improved telemetry tracking.
• Testing Library 13.3 - React Suspense support (renderAsync), renderHookAsync.
• Nitro Modules 0.28.1 - Brings a new NitroModules.isHybridObject(...), faster Map access & C++ bridge, plus fixes for std::optional.
• Angular 20.2 - Zoneless is now stable, new animate.enter/leave APIs for smoother animations, plus more improvements.
• Git 2.51- Featuring cruft-less multi-pack indexes, faster pack generation, a new stash format, and more.
• Deno Deploy Early Access - Now supports KV, offering a unified platform for all your JavaScript and TypeScript apps.

#webdev #react #developer
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
  • 🔥 5
  • 👍 2
  • ❤ 1
Post #968 197
Release Next.js 15.5 ✨

• Turbopack for builds (beta)
• Node.js middleware (stable)
• TypeScript support improvements
• next lint command deprecation
• Next.js 16 deprecation warnings

Read more on our Medium👇
Onix React Medium

#frontend #developer #react
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
Medium Release Next.js 15.5 Next.js 15.5 has been released, bringing significant advancements in performance, stability, and compatibility, particularly with the…
  • 🔥 4
  • 👍 1
  • 👏 1
Post #967 215
SDK 54 beta is here 🚀

• React Native 0.81 + React 19.1
• Precompiled RN for iOS → faster builds
• iOS 26 Liquid Glass icons + Expo UI
• Android 16 edge-to-edge + predictive back
• EAS Update + Autolinking improvements
• Final release with Legacy Arch

🔗 Get the full breakdown on our Medium: Read More

#react #webdev #developer
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
Medium What’s New in Expo SDK 54 The Expo SDK 54 beta is now officially available, bringing with it a wave of cutting-edge updates that promise to revolutionize the…
  • 🔥 5
  • ❤‍🔥 1
  • 👍 1
Post #966 216
Faster Way to Grow Expo Apps 💥

Ship your Expo app and backend together seamlessly. With EAS Hosting, your API routes live right alongside your app—making development faster, simpler, and more powerful.

• ⚡️ Lightweight backends
• 🔗 Webhooks + auth flows
• 🛠 Custom logic

EAS Hosting 👈

#frontend #developer #react
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
Expo EAS Hosting - A simpler, faster way to grow Expo Apps Gives front-end teams the power to ship backend logic with the same tools you use to build and update your apps.
  • 👍 3
  • 🔥 2
  • ❤ 1
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →