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
643
Photos
299
Videos
1
Links
1.4K

Showing posts older than #1468 · Back to latest

Older Posts 20 shown
Post #1467 131
Stack for Your Next Project 🚀

🖥 Hosting → Sevalla
🌐 Domain + CDN → Cloudflare
🗄 Database → PostgreSQL / MySQL
▲ Framework → Next.js
💳 Payments → Creem.io
✉️ Transactional Emails → Amazon SES
📡 Uptime Monitoring → UptimeRobot
🐞 Error Tracking → Sentry
⚙️ CI/CD → GitHub Actions

#learntocode #developer #coder
Instagram ⏺ YouTube ⏺ Threads ⏺Medium ⏺ X
  • 🔥 3
  • 👏 2
  • 💘 1
Post #1466 135
Book of Shapes — Generative SVG Patterns ✨

🎨 Create unique generative SVG patterns
🌀 Explore grid, radial, noise, flow, isometric & organic styles
⚡️ Customize shapes and use them in websites, backgrounds & UI designs

Explore now 👉 bookofshapes.com

#programmer #frontend #programmerlife
Instagram ⏺ YouTube ⏺ Threads ⏺Medium ⏺ X
Book of Shapes A curated gallery of generative patterns. Discover, customize, and download unique algorithmic art.
  • 👍 4
  • 🔥 1
  • 😁 1
Post #1465 170
Fix Uneven Text Spacing with CSS ✨

In this video, you’ll learn how text-box-trim and text-box-edge help remove extra font spacing and create more consistent layouts across different fonts.

🎥 Watch on YouTube

#webdev #programmerlife #developer
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
YouTube This CSS property fixes a problem as old as CSS - a look at text-box-trim and text-box-edge 👉 Start writing CSS with confidence: https://thecascade.dev/courses/css-demystified/?utm_source=youtube&utm_medium=social&utm_campaign=regular-video 🔗 Links ✅ More on text-box-trim on Chrome for Developers: https://developer.chrome.com/blog/css-text-box…
  • ❤ 4
  • 👍 2
  • 💘 1
Post #1464 174
Project Ideas for Your Developer Portfolio

Looking for your next project? Here are 10 ideas to level up your skills and portfolio:

💰 Personal Finance Tracker
🔗 URL Shortener
📅 Appointment Scheduler
🤖 AI Chatbot
💻 Coding Challenge Platform
📊 Analytics Dashboard
🧪 API Testing Tool
📝 Documentation Generator
🚩 Feature Flag Manager
🧠 Personal Knowledge Base

#typescript #fullstackdeveloper #technology
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
  • ❤ 4
  • 🔥 2
  • 💘 1
Post #1463 155
Repo: AI for Beginners 🤖

🔗 microsoft/AI-For-Beginners

This Microsoft repo helps beginners learn AI from the ground up through structured lessons, practical examples, quizzes, and hands-on exercises.

#AI #developer #programming
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
GitHub GitHub - microsoft/AI-For-Beginners: 12 Weeks, 24 Lessons, AI for All! 12 Weeks, 24 Lessons, AI for All! Contribute to microsoft/AI-For-Beginners development by creating an account on GitHub.
  • ❤ 3
  • 🔥 2
  • 👏 1
Post #1462 153
Rescript — Edit Videos by Editing Text 🎬

A useful tool for developers and tech creators making tutorials, demos, and coding videos:

✂️ Edit video & audio by editing the transcript
🤖 AI transcription powered by Whisper
🔒 Process media locally on your device

Start editing 👉 getrescript.com

#developer #programmer #webdeveloper
Instagram ⏺ YouTube ⏺ Threads ⏺Medium ⏺ X
Rescript Rescript — Edit video like you edit text Free, open-source, transcript-based video and audio editor that runs fully on your device — including voice regeneration.
  • ❤ 3
  • 🔥 2
  • 👍 1
Post #1461 162
Beautiful Shaders for SwiftUI & React Native ✨

🎛 Tweak effects and parameters with simple sliders
⚡️ Preview shader effects directly in the browser
📦 Export real .metal files or React Native Skia shaders

Start exploring 👉 metalforge

#developer #programmer #webdeveloper
Instagram ⏺ YouTube ⏺ Threads ⏺Medium ⏺ X
  • ❤ 4
  • 👍 2
  • 💘 1
Post #1459 156
UI Inspiration from Real Apps 📱

Find UI inspiration from real-world mobile apps:

📱 43,500+ screens from top iOS apps
✨ Explore real UI screens, flows & patterns
🤖 Use MCP with Cursor, Claude, Codex & more

Explore now 👉 appllama.io

#developers #frontend #coder
Instagram ⏺ YouTube ⏺ Threads ⏺Medium ⏺ X
Appllama Appllama - Discover winning app designs, then build your own Study the screens, flows, onboarding and paywalls of the top-grossing iOS apps, with revenue context. Then build an app people love to use.
  • 👍 4
  • 👏 1
  • 💘 1
Post #1457 146
Interactive WebGL Orb Generator 🔮

✨ Create customizable animated 3D orbs
🎨 Adjust colors, motion, shape & glass effects
⚡️ Copy the code and use it in your web projects

Start building 👉 lersent001.github.io

#developer #programmer #webdeveloper
Instagram ⏺ YouTube ⏺ Threads ⏺Medium ⏺ X
  • ❤‍🔥 2
  • 🔥 2
  • ❤ 1
Post #1456 142
What’s New in Bun v1.4.2 ⚡️

→ Fixed bun build regression affecting Elysia
→ Fixed AsyncLocalStorage memory leak
→ Bun.Image now supports CMYK & YCCK JPEGs
→ Multiple JIT, GC, JSON parsing & bun install bug fixes

#programmer #webdeveloper #code
Instagram ⏺ YouTube ⏺ Threads ⏺Medium ⏺ X
Bun Bun v1.4.2 This release fixes two regressions impacting Elysia and AsyncLocalStorage, a hang in @discordjs/ws, CMYK JPEG decoding in Bun.Image, a rare JIT crash, and a GC crash on musl.
  • 👍 2
  • 🔥 2
  • 👏 1
Post #1455 136
How Turbopack Chunks Your JavaScript ⚡️

See how Turbopack optimizes JavaScript chunking in Next.js for fewer requests, better caching, and faster navigation.

▲ Smarter chunk fetching
▲ Analytics-based chunking
▲ CJS tree-shaking & shared runtime

#nextjs #developer #javascript
Instagram ⏺ YouTube ⏺ Threads ⏺Medium ⏺ X
nextjs.org How Turbopack chunks your JavaScript Turbopack’s chunking speeds up page loads and enables sharing code across pages. We shipped new experimental features to improve chunking in Next.js 16.3.
  • ❤ 3
  • 🔥 2
  • 💘 1
Post #1454 162
Bun v1.4.1 Released ⚡️

→ Reduced idle memory usage
→ HTTP/2 in Bun.serve()
→ Big upgrade for Bun's bundler
→ Faster bun build --compile executables with smaller bytecode

Explore the full release 👉 Onix React Medium

#developer #webdev #technology
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
Medium What’s New in Bun v1.4.1 Bun v1.4.1 is out, and this release leans hard into two things: making long-running servers lighter on memory, and making the bundler…
  • 🔥 3
  • ❤ 2
  • 👍 1
Post #1453 146
TanStack Start App + Vercel 🚀

→ Nitro Setup – Add the Nitro Vite plugin for Vercel deployment
→ Easy Deployment – Deploy directly from Git or Vercel CLI
→ Fluid Compute – Server functions scale automatically with traffic
→ Auto Detection – Vercel detects TanStack Start with minimal configuration

#codelife #programmer #developers
Instagram ⏺ YouTube ⏺ Threads ⏺Medium ⏺ X
Vercel How to Deploy a TanStack Start app to Vercel | Vercel Knowledge Base Deploy a TanStack Start app to Vercel with the Nitro Vite plugin. Covers Git and CLI deployment, Fluid compute defaults, and framework detection fixes.
  • 👍 3
  • 🔥 2
  • ❤ 1
Post #1452 147
What’s New in Astro 7.3 🚀

Astro 7.3 brings more control over preview servers and better tooling for integrations:

◆ Run multiple astro preview servers with --ignore-lock
◆ Better logging for image services & cache providers
◆ New finalize() helper for custom Cloudflare workers

#programmer #webdeveloper #code
Instagram ⏺ YouTube ⏺ Threads ⏺Medium ⏺ X
Astro Astro 7.3 | Astro Astro 7.3 adds an --ignore-lock flag for astro preview, passes Astro's runtime logger into custom image services and cache providers, and ships a finalize() helper for Cloudflare custom worker entrypoints.
  • ❤ 3
  • 👍 2
  • 💘 1
Post #1451 152
Gemini 3.8 Flash + Flash Cyber ⚡️

Google introduces new Gemini models for coding, agents, and cybersecurity:

• Better coding & reasoning
• Built for agentic workflows
• Flash Cyber focuses on vulnerability detection

#AI #developer #codinglife
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
Google Introducing Gemini 3.8 Flash and 3.8 Flash Cyber Gemini 3.8 Flash and 3.8 Flash Cyber deliver next-generation intelligence for agentic workflows and cybersecurity.
  • 👏 4
  • ❤ 1
  • 💘 1
Post #1450 156
Tech Digest This Week 🌐

• React Aria 1.21 - NavigationTree component, Menu async loading.
• Waku 1.0 RC - Public API fixed, type-safe and instant navigation.
• TanStack Charts 0.16 - Officially in alpha, ready to be field-tested.
• React Input Format & Mask 1.0 - brings TypeScript, React 19 support, ESM, and modern tooling.
• React Hook Form 7.87 - Adds shouldTouch for trigger(), opaque type support, and multiple form-state fixes.
• Nitro 0.37.1 - Brings React Native compatibility and native memory handling fixes.
• Screen Transitions 4.0 - React 19.2 Activity, Reanimated 4, and a v3 migration guide.
• Maestro CLI 2.9 - Test light and dark mode in one flow, Android WebView inspection.
• Agent Device 0.20.10 - AI SDK and MCP integrations, improved iOS snapshots, better Android visibility and gestures, Web hover automation.
• Zod 4.5 - Ahead-of-time schema compilation, method memoization, new parsing features.
• Rspack 2.2 - Performance, HMR and import.meta improvements, Browserslist Baseline targets
• Webpack 5.110 - Performance Hints, built-in CSS/HTML minification, native CSS recommended.
• Jest 30.5 - whenCalledWith(), describe-level retries, new file watcher, perf and ESM fixes.
• Starlight 0.42 - Brings less JavaScript, faster performance, and better accessibility.
• ESLint CSS 2.0 - Adds new linting checks, smarter CSS validation, and multiple fixes.
• VS Code 1.136 - Introduces Agent Merge, multi-root agent sessions, and better chat management.

#webdev #react #developer
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
  • 👍 3
  • 🔥 2
  • 💘 1
Post #1449 131
Repo: Project-Based Learning 🚀

🔗 practical-tutorials/project-based-learning

This repo helps you learn programming by building real projects, with tutorials covering JavaScript, React, Python, Node.js, Go, Rust, and more.

#developer #programming #codinglife
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
GitHub GitHub - practical-tutorials/project-based-learning: Curated list of project-based tutorials Curated list of project-based tutorials. Contribute to practical-tutorials/project-based-learning development by creating an account on GitHub.
  • ❤ 4
  • 🔥 2
  • 👍 1
Post #1448 142
React 19.3 👀

A quick look at some of the key updates coming with React 19.3:

✅ <ViewTransition> / addTransitionType — stable
✅ Fragment refs — stable
🆕 React DOM browser() API

#react #frontend #webdevelopment
Instagram ⏺ YouTube ⏺ Threads ⏺ Medium ⏺ X
  • 🔥 5
  • ❤‍🔥 1
  • 💯 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 →