Reactive Bootcamp
@reactivebootcam
Creamos contenido para Cursos de React, React Native y Javascript. Aprende buenas prácticas con el enfoque adecuado, para desarrollar aplicaciones
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: youtube.com/@ReactiveBootc… y no olvides Suscribirte.
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. 👉 pris.ly/ex-nextjs-trpc
😶🌫️ 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 ♢…
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 👇 blog.swmansion.com/building-an-ai…
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 ⚡
👀 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 🎉
🎮 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. github.com/borndotcom/rea…
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…
messin' with css frosted + saturated borders using background-clip + backdrop-filter 👨🍳
With react-native-audio-api, you can easily speed up or slow down audio in your app. See how! 🚀
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. 🧵
This is HUGE
Shared Element Transitions in React Native Reanimated on the New Architecture 🪄💫
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:
Building Complex Scroll Animations - Custom Bottom Sheet Interaction youtu.be/zpdc-hnlc50 Inspired from the new web page interaction from the X App ✌️
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 🚀🚀
🆕 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:…
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"`
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
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…
Smooth like butter - a custom switch component from the amazing Queue app 🧈 ✦ Available at makeitanimated.dev ✦ Built for React Native using @expo ✦ Powered by @swmansion reanimated
United States Trends
- 1. Good Thursday 21.1K posts
- 2. #River 5,780 posts
- 3. Rejoice in the Lord 1,517 posts
- 4. Jokic 29.1K posts
- 5. Namjoon 82.3K posts
- 6. Lakers 52.2K posts
- 7. FELIX VOGUE COVER STAR 12K posts
- 8. #FELIXxVOGUEKOREA 12.5K posts
- 9. #FELIXxLouisVuitton 11.4K posts
- 10. New Zealand 14.7K posts
- 11. #WorldKindnessDay 6,896 posts
- 12. #ReasonableDoubtHulu N/A
- 13. Mikey 61.9K posts
- 14. Clippers 15.6K posts
- 15. Rory 8,509 posts
- 16. Shai 16.5K posts
- 17. Nemec 3,691 posts
- 18. Thunder 38.9K posts
- 19. Raising Arizona 1,042 posts
- 20. Ty Lue 1,372 posts
Something went wrong.
Something went wrong.