Reactive Bootcamp
@reactivebootcam
Followers
65
Following
1K
Media
122
Statuses
1K
Creamos contenido para Cursos de React, React Native y Javascript. Aprende buenas prácticas con el enfoque adecuado, para desarrollar aplicaciones
Joined May 2023
Creamos contenido para Cursos de React, React Native y Javascript. Aprende buenas prácticas con el enfoque adecuado, para desarrollar aplicaciones multiplataforma. Ve a nuestro canal de Youtube: https://t.co/5HLqFRyhZF y no olvides Suscribirte.
youtube.com
Creamos contenido para Cursos de React, React Native y Javascript. Aprende buenas prácticas, Diseño, Arquitectura de forma confiable y segura para React Native, React y Javascript Dale click al...
0
0
2
Try our new starter: Next.js + tRPC + full Prisma stack ✅ Prisma ORM + Prisma Postgres ✅ tRPC ✅ @tan_stack Query End-to-end type safety. Clone, run, build. 👉
4
8
162
😶🌫️ Earlier this year we launched a Hosting service to make it simple for you to deploy Expo apps for the Web and API endpoints. Since launch we added: ♢ The new expo-server runtime API for background tasks and environment handling ♢ Middleware support in Expo Router ♢
2
7
90
We’re kicking off a new tutorial series on building an on-device AI note-taking app in React Native. 🤖 In Part 1, we explain how to add text semantic search to your app using react-native-rag and react-native-executorch. Be sure to give it a read 👇 https://t.co/uxsJp27tOx
blog.swmansion.com
In the first part of our series, you’ll learn how to build an AI note taking app with semantic search using RN ExecuTorch and RN RAG.
2
14
119
side by side comparison 🧑🍳 css animation on entry + transition on exit gets rid of the jump snap when interacting with the card 🤙 removing the transition on entry keeps the card interaction snappy 🙏
css :hover card tip 👨🍳 add a small animation + remove transition on :hover .card { transition: transform 0.2s; } .card:hover { transition: none; animation: set backwards 0.2s; } @keyframes set { 0% { transform: rotateX(0deg) rotateY(0deg); } } gets rid of snap jumps + lag ⚡
10
28
402
👀 Navigation API will be available in all browsers soon 🎉 Completely redefines the APIs used to build client-side routers / SPAs 🫤 History API: popState, link click.preventDefault() ... ✅ Navigation API: clean, centralized way to intercept navigation events 👌
The Navigation API is also in Firefox 146 nightly This is going to be available everywhere soon 🎉
11
56
563
🎮 Can't wait to see the games you build.
Today, we’re officially releasing React Native Godot to the public. For the first time, every React Native developer can create games with an amazing UI on top. This unlocks a new era of apps and games. https://t.co/FD2kpOKcoB
0
5
57
We’ve been collaborating closely with the @Uniwind team (@jpudysz) to make this happen. HeroUI Native now runs on top of Uniwind, bringing up to 250% performance gains This makes HeroUI the first UI library built on Uniwind and the first to implement the same design system for
HeroUI Native beta 1 is live 🔥 🌀 Fully migrated to Uniwind, boosting performance by up to 250% — everything feels smoother than ever 🎨 Brand-new design system, more beautiful and distinctive 📲 Redesigned Expo app, offering a whole new way to explore components HUGE step
9
14
248
messin' with css frosted + saturated borders using background-clip + backdrop-filter 👨🍳
59
103
4K
With react-native-audio-api, you can easily speed up or slow down audio in your app. See how! 🚀
3
11
90
Demos is now available on TestFlight. 🧵 Link below:
💥 Demos is now Open Source. An ongoing collection of 110+ React Native animations crafted with Reanimated, Gesture Handler, and Skia. 🧵
15
15
270
This is HUGE
Shared Element Transitions in React Native Reanimated on the New Architecture 🪄💫
6
7
229
You know that classic React Native tell? TouchableOpacity firing while you’re just trying to scroll. Pain. 1/4
Stop using TouchableOpacity in React Native. Your app deserves better tap interaction. 🧵 Here's how to fix your touchables with pressto:
2
9
226
Building Complex Scroll Animations - Custom Bottom Sheet Interaction https://t.co/q57l2uB7TA Inspired from the new web page interaction from the X App ✌️
4
15
369
Everyone should build mobile apps. I am ready to launch my new ios app. Built this app with maybe 3 hours of work. Tech Stack - Reach Native - Anything AI - Expo - RevenueCat Will be publishing it soon 🚀🚀
95
34
755
🆕 Need SSH access to private repos during EAS Build? @swmansion shows 3 clean patterns: ♢ Lifecycle hooks ♢ Custom build steps ♢ TypeScript build function Plus: base64 env var for the key and restoring on the builder. Read the guide from @_pmleczek:
blog.swmansion.com
Learn how to securely add GitHub SSH keys to Expo EAS, automate repository operations, and manage repo access during cloud builds.
0
5
31
The latest version of React Navigation now has a new unstable API to automatically navigate to the correct screen after a conditional render (e.g., if a screen was opened via a deep link, but was behind auth) Just pass `UNSTABLE_routeNamesChangeBehavior="lastUnhandled"`
10
23
341
5 min cursor trails with grid + CSS custom properties 💫 <div style="--o: 0.2; --r: 3"> .grid div { opacity: var(--o); transition: opacity 0.8s, rotate 0.4s; &:hover { transition-duration: 0s; rotate: calc(var(--r, 0) * 90deg); opacity: 1; }} trick: dynamic :hover transition
Don't know what it's called but made this component with React and Tailwind in 1 hour
45
183
4K
React Native 0.82 is here. With this release, 𝘁𝗵𝗲 𝗡𝗲𝘄 𝗔𝗿𝗰𝗵𝗶𝘁𝗲𝗰𝘁𝘂𝗿𝗲 𝗶𝘀𝗻’𝘁 𝗷𝘂𝘀𝘁 𝗮𝘃𝗮𝗶𝗹𝗮𝗯𝗹𝗲 — 𝗶𝘁’𝘀 𝗿𝗲𝗾𝘂𝗶𝗿𝗲𝗱. You can’t turn it off anymore — not with newArchEnabled=false on Android, not with RCT_NEW_ARCH_ENABLED=0 on iOS. The switch is
2
15
178
Smooth like butter - a custom switch component from the amazing Queue app 🧈 ✦ Available at https://t.co/pV3p3MIYSm ✦ Built for React Native using @expo ✦ Powered by @swmansion reanimated
0
2
94