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 #946 · Back to latest

Older Posts 20 shown
Post #945 345
Resources to Master Git 🚨

• Learn Git Branching → Interactive visual tool to practice Git commands and branching.
• Oh My Git → Open-source card game that teaches Git in a fun, engaging way.
• Git Free Labs → Hands-on exercises for mastering real Git workflows.
• Git Simulator Online → Step-by-step Git operation simulator in your browser.
• Gitexercises → Practical Git challenges to test and improve your skills.

#webdev #react #developer
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
  • 🔥 4
  • 👍 1
  • 👌 1
Post #944 347
Tech Digest This Week 📲

• Next.js 15.4 - Brings full Turbopack production compatibility by passing all 8,298 integration tests, along with performance and stability improvements.
• TanStack Query 5.82 / 5.83 – new mutationOptions object.
• TanStack Router 1.26 - New custom React Vite plugin, through which the library will soon stop auto-configuring React/Solid Vite plugins, thus increasing the possibilities of configuration on your own.
• TanStack Router 1.27 – Seroval is being used for SSR - It permits to serialize data to JSONs that aren’t usually serializable.
• Node-API Support for React Native - Enables stable, runtime-independent native module integration, with ongoing Hermes support based on React Native Windows work.
• Metro 0.83 – Node 22.14 is now required.
• Radon IDE 1.9 – Radon Connect, switch between different project configurations, camera output on Android.
• React Native Enterprise Framework 0.8 – New visual representation, support for RN 0.80, RNC CLI 19.1
• Nuxt 4.0 – app/ directory, smarter data fetching, improved TS integration.
• Rspack 1.4.8 – new Rust watcher, making Hot Module Replacement ~10% faster.
• Deno 2.4 – deno bundle, new way to import assets, --preload flag.

#react #webdev #developer
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
  • 🔥 4
  • 👍 2
  • ❤‍🔥 1
Post #942 244
React Libraries for PDF and Viewers 📑

• react-pdf by diegomura → A popular PDF generator that lets you build PDFs using React components.
• React PDF → A powerful PDF viewer for the browser, built on PDF.js.
• PDFME → Create and design editable PDFs with form fields and user input.
• React PDF Viewer → A full-featured PDF viewer with support for zoom, search, thumbnails, and plugins.
• react-pdf-js → A simple wrapper around Mozilla’s PDF.js for rendering PDFs in React.

#webdev #react #developer
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
  • 🔥 5
  • 👍 2
  • 🤝 1
Post #941 281
React Native 0.78.3 Release Notes

🛠 Fixed

• Temporarily disable eager evaluation and live expressions in the console tab
• Fixed adding child views to a native view using the interop layer
• Align timer IDs and timer function argument error handling with web standards

Android specific:
• Wrong borderBottomEndRadius on RTL

iOS specific:
• Skip codegen for selectively disabled libraries in react-native.config.js
• Layout direction changes are now honored on bundle reload
• Re-enable enableFixForViewCommandRace feature flag

For more details, check out the release 👉 0.78.3

#webdev #react #javascript
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
GitHub Release 0.78.3 · facebook/react-native 🚨 0.78.3 is the last release for this version. React Native 0.78 is now out of support 🚨 Added Android specific Gradle: RNGP - Add support for exclusiveEnterpriseRepository to specify an internal ...
  • 🔥 5
  • 👍 1
  • 😍 1
Post #940 326
Web Dev Trends & React News This Week 🌐

• TypeScript 5.9-beta - import defer support, CLI configuration improvements, better descriptions for DOM APIs.
• @vitejs/plugin-rsc – React Server Components (RSC) support for Vite - Now officially available on npm under the @vitejs org.
• react-hook-form 7.60 – New keepFieldsRef option for avoiding re-registering input reference after reset().
• shadcn 2.8 – Init & add components, themes, hooks from local JSON files.
• TanStack Router 1.125 - Selective SSR - Gives the ability to define where the component renders and where loader and beforeLoad executes on a per route basis.
• React-Email 4.1 - Separate package for storing the preview server.
• Unistyles 3.0 - Brings stable support for the New Architecture, Nitro Modules, a revamped API, Compound Variants, Scoped Themes, and Reanimated integration.
• Metro 0.82.5 – Fast refresh stability and performance improvements.
• Biome 2.1 – faster scanner and type inference improvements.
• Node v24.4.0 - Adds XOF hashing, disposable temp dirs, watch kill signal, addon permissions, spawn flag propagation, and sqlite bigint support.
• esbuild 0.25.6 – better tree-shaking, improved CSS selector support, configurable delay in watch mode.

#webdev #react #developer
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
  • 🔥 4
  • 👍 1
  • 🤝 1
Post #939 232
Repo: FrontEndCollection

🔗 cheatsheet1999/FrontEndCollection

In this repository, you’ll find helpful concise notes and mini-projects on HTML, CSS, JS, React, Node, and more — perfect for developers looking to review fundamentals and prepare for interviews.

#javascript #react #developer
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
GitHub GitHub - cheatsheet1999/CloudCollection at hackernoon.com Notes for Software Engineers on infrastructure and distributed systems. Covers common data structure and algorithms, web concepts, and more! - cheatsheet1999/CloudCollection
  • 🔥 4
  • 👍 1
  • 🆒 1
Post #937 235
12 tips for setting up your next Expo project 🏆

• Use npx create-expo-app
• Start with the TypeScript template
• Organize code by feature
• Use file-based navigation (expo-router)
• Commit your app.json/app.config.js
• Use .env for secrets
• Use a splash screen
• Add a fallback font
• Turn on Hermes
• Enable Chrome DevTools
• Add native code only when needed
• Use EAS for builds, updates, hosting and CI

📖 Read the article by following the link

#webdev #coder #learntocode
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
  • 👍 6
  • 🔥 2
  • 🆒 1
Post #936 235
Platforms for Coding Challenges 👾

• LeetCode → Practice coding problems for interview prep, skill improvement, and contests.
• HackerRank → Improve coding skills, practice interviews, and find jobs.
• Codewars → Solve bite-sized “kata” exercises to build language-specific skills.
• CodeChef → Practice coding, learn with projects, and compete in contests.
• Topcoder → Solve challenging problems for rankings, prizes, and jobs.

#webdev #react #developer
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
  • 🔥 4
  • ❤‍🔥 1
  • 👍 1
Post #935 270
Updated attr() Function in CSS 💥

In this video, you’ll learn how the new attr() update transforms CSS from static to dynamic. From simple content insertion to conditional styling with if(), this function opens up powerful new styling possibilities.

🎥 Watch on YouTube

#react #webdev #developer
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
YouTube This CSS Update Revolutionizes CSS For Me - attr() Function Update The attr() function has been around forever in CSS, but recently it has received a massive update that takes it from a niche function to one of my favorite CSS features. In this video I will talk about the new changes to the attr() function as well as explain…
  • 👍 4
  • 🔥 2
  • 🤝 2
Post #933 241
Repo: JavaScript Project Ideas

🔗 deepakkumar55/ULTIMATE-JAVASCRIPT-PROJECT

This repo features 500+ JavaScript project ideas — from beginner to advanced. Whether you're starting out or leveling up your portfolio, this list helps you build real-world, practical projects.

#javascript #react #developer
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
GitHub GitHub - deepakkumar55/ULTIMATE-JAVASCRIPT-PROJECT: A comprehensive list of 500 JavaScript project ideas for developers of all… A comprehensive list of 500 JavaScript project ideas for developers of all skill levels. Open-source and community-driven. - deepakkumar55/ULTIMATE-JAVASCRIPT-PROJECT
  • 🔥 4
  • 👍 2
  • 🤝 1
Post #932 224
JavaScript Set methods ⚡️

• .union(), .intersection(), .difference() and more – now supported natively
• Compare sets more efficiently with built-in methods
• Perfect for deduplication, logic ops, and fast lookups
• No polyfills needed – supported in major browsers since Firefox 127

🔗 Read the full post

#webdev #react #learntocode
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
MDN Web Docs New JavaScript Set methods | MDN Blog New JavaScript Set methods are landing across browsers. Learn about sets, how you can use these methods to compare different sets, create new sets with specific properties, and more.
  • 🔥 4
  • ⚡ 3
  • 👍 2
Post #931 207
React Server Components with React Native 🪐

Boost React Native performance by offloading rendering to the server with React Server Components (RSCs).

📍In the video, you’ll learn:

✅ How RSCs work in practice
✅ Setting up RSC with Expo Router
✅ Deploying to EAS Hosting
✅ Real-world use cases

🎥 Watch the breakdown: YouTube Tutorial

#frontend #developer #react
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
YouTube Your First RSC with React Native (From Start to Deploy) Learn to build your own React Server Component and use it in your React Native app! We'll go over the setup, creation and hosting of RSCs so you can integrate them into your next React Native app. 🔥 Learn React Native FAST: https://galaxies.dev 🎓 Ready…
  • ❤ 4
  • 👍 2
  • 🔥 2
Post #929 214
JavaScript Temporal API 🚀

The new Temporal API is here to replace Date with a smarter, modern approach:

• 🌍 Time zones made simple
• 📆 Accurate date math
• 🕒 Reliable ISO parsing
• ⌛️ Built-in durations & ranges

Start exploring now 👉 MDN: Temporal API

#webdev #developer #learntocode
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
MDN Web Docs Temporal - JavaScript | MDN The Temporal object enables date and time management in various scenarios, including built-in time zone and calendar representation, wall-clock time conversions, arithmetics, formatting, and more. It is designed as a full replacement for the Date object.
  • 🔥 4
  • ❤ 1
  • 👍 1
Post #928 224
Next.js CSR vs SSR vs SSG vs ISR ⚔️

In this video, you'll explore the 5 key rendering methods in Next.js — from CSR and SSR to the latest PPR. Discover when to use each method and how PPR could reshape modern app building.

🎥 Watch on YouTube

#react #webdev #developer
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
YouTube Next.js CSR vs SSR vs SSG vs ISR and now PPR! CSR vs SSR vs SSG vs ISR vs PPR 👉 ImageKit for image / video uploads (sponsored): https://tinyurl.com/4yt7a6xe 👉 React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship).…
  • 🔥 3
  • 👍 2
  • 🤩 2
Post #927 206
Tools That Cut Documentation Time 📝

• GitHub Copilot for Docs → Autogenerates technical documentation directly from your codebase using AI.
• Mintlify Writer → Writes clean, developer-focused documentation instantly. Great for onboarding and clarity.
• Notion AI → Assists with writing, organizing, and refining internal docs, meeting notes, and knowledge bases.
• Swimm AI → Keeps documentation up-to-date by syncing it with your code automatically.
• Scribe.how → Captures your workflows and turns them into step-by-step visual guides.

#webdev #code #developer
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
  • 👍 5
  • 🔥 3
  • 🤝 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 →