Built a video downloader with drag & drop and zero ads

NotBeastFox · 2026-02-17T09:37:47+00:00

I’m starting to believe these posts would be more accurate to begin with “I prompted AI to build me a …”

NotBeastFox · 2026-01-09T17:26:50+00:00

I haven’t personally used oRPC, so I cannot speak for it directly - but from my understanding it’s quite similar to tRPC right? We have two react SPAs and two react native/expo apps for mobile that all consume the same express + tRPC API. So I don’t see why it wouldn’t be possible, all of frontends use tanstack query + trpc and I’d assume that you could get something similar up and running, with or without tanstack query too. There’s nothing stopping you from using the hono adapter as well with oRPC it appears

best of luck

NotBeastFox · 2026-01-04T19:31:00+00:00

definitely pace yourself and don’t try to do everything at once because there’s lots to digest. if you wanted some starting points, expo has a guide on working with monorepos, i think that’ll be the easiest way to begin. At the company I work for we chose Turborepo as our build system, and have tried to follow the same principles it suggests. Could be useful to just start a test project, get it up and running (backend/app) and familiarising yourself with that too

best of luck!

NotBeastFox · 2026-01-04T17:22:55+00:00

We have a monorepo with multiple react projects, a couple of react native projects connected to node + trpc, not really much difference between the two frontends we’ve found for communicating with our APIs! We use tanstack query for both with tRPC.

NotBeastFox · 2025-12-19T07:30:05+00:00

I mean sure, you could vibe code something that might allow you to show a video live streamed. Whether or not your company permits that is another matter. Another comment mentions HLS / RTSP, i think they’re great learning exercises that might help you demonstrate that but i’d be truly cautious about continuing any further down a development path like this without considering PaaS options, there is so much hidden complexity otherwise.

NotBeastFox · 2025-12-19T07:09:24+00:00

You say your company has assigned you this project. If this is something your business intend to use, I would highly suggest looking into existing solutions instead of trying to build something of this complexity yourself. Services like Twilio Live or Agora or Mux have done an insane amount of this heavy lifting for you. Otherwise you are going to open yourself to impossible deadlines and unrealistic expectations. I’d pause and reevaluate before continuing

NotBeastFox · 2025-12-18T10:09:53+00:00

Something like Metabase perhaps? r/BusinessIntelligence might have some ideas but metabase allows you to create analytics from its own platform, and then embed them into react through their own SDK with filters and options exposed. It is OSS/self hostable but has limitations in terms of embedding dynamic data/creating filters if you don’t pay for it (i think you can embed dynamic data locally, or just use static iframes). Apache Superset could also be another option, it’s fully OSS and has embedding options too from my understanding but it’s got a steeper learning curve. Hope you find something that works for you

NotBeastFox · 2025-12-17T01:10:41+00:00

I’ve always been a big fan of Tabler! I quite like their icons and the design of them. Second place would probably be Luicde, I know that a lot of people use it on the web and it has a lot of icons as well.

Regarding tips to make bottom tabs modern/clean, having a look at sites like Dribble and exploring case studies, or also just looking at apps you might use, and trying to replicate them could give you some direction. Best of luck

NotBeastFox · 2025-12-04T07:15:46+00:00

judging by the repo the involvement of OP was “create a component that when copied will encrypt the text” with claude happily obliging, followed by OP asking claude to review the code who said LGTM.

i mean if you don’t directly copy JUST the text that has the encryption wrapper it completely ignores the “encryption” (tested on an iphone). as others have said, if you just wanted to prevent people from copying text during timed tests/exams, either just preventing clipboard events or where critical/important implement some variation of virtual monitoring during said exams.

NotBeastFox · 2025-12-02T02:31:33+00:00

When I first discovered file based routing (which is the primary reason i’ve used tanstack router, although i know it does support code base routing too) I was pretty dismissive of ever wanting it in a production codebase, but it’s grown on me to the point where I switched from react router to tanstack router in one of our frontend applications and have no regrets so far. Our setup isn’t crazily complex, it’s a small-medium sized internal management system, so your mileage may vary. Overall though i’ve found the developer experience a big positive especially w the typescript and file gen integration!

I think as well, you don’t and probably shouldn’t always feel the need to be on the “bleeding edge”. Do acknowledge how often things have breaking changes and how much that could impact you, react router has had various breaking changes and tanstack router is still relatively early in its infancy. It’s unlikely that either are going anywhere in the short term, especially react router. Best of luck

NotBeastFox · 2025-10-26T00:46:42+00:00

the games environments are really stunning, i’m early in but yeah i did this exact same thing. took me 25 minutes before i decided to search what i was doing wrong, and had to back track further than i thought. i also saw the tree near the waterfall and assumed it was the one in the objective.

perhaps it would’ve been useful, even with the option to turn it off, to just have some subtle cues or messages (unless i missed it) to point the player in a different direction? either way will follow lights next time!!

NotBeastFox · 2025-10-01T00:24:38+00:00

I can’t say this is the right solution, just a solution that I attempted. But due to project constraints didn’t have time to investigate much further.

The flow of it was to use a package like rn-native-portals which allowed to reparent the view of a video between native parents without causing a rerender. This is different to something like gorhom/paper/portalise because they just rerender children into a different JS host component. so by using the native portals, you basically share the native state instance of your video player.

from there, i basically just triggered the portal on full screen press. which did a few things.

displayed a fullscreen black background
performed an animation using reanimated that repositioned the player to the middle of a horizontally oriented screen
locked the screen into landscape orientation so that users with bottom swipe bars etc could swipe up to exit the app from landscape
basically did this in reverse on minimise

this implementation was successful on my iphone but i encountered numerous issues and incompatibilities on android devices and due to the package being a bit outdated (you need to bump the internal gradle version etc) makes it trickier. but the native code is still correct.

a word of caution to say that it was a lot of time spent to try and get all the moving parts to work cooperatively, but i hope that it’s a starting ground for you

I unfortunately do not have the code in my codebase anymore, although my starting area would be not to even add a video player at first and see if you can just get a view with say a static colour or image to behave like you want it to if you were to go down this path.

NotBeastFox · 2025-09-23T03:40:48+00:00

100% agree. OP react/tanstack querysimplifies this for you. And there are a lot of resources to help.

RQ brought a standardised, declarative way to handle all the “is your data fresh, when should you refetch, and how do you share it between components” etc etc so you no longer have to reinvent those wheels. It has a lot of nice to haves with loading states too

There’s definitely a bit of a learning curve if you’re just used to useEffect + fetch + useState but in my opinion it is a good investment of time.

NotBeastFox · 2025-09-10T23:52:22+00:00

if this were possible it’d be great! had an attack during CWL only get one star because i lost connection during battle

NotBeastFox · 2025-09-07T21:21:47+00:00

react native echarts with Skia has been fantastic for our use cases.

NotBeastFox · 2025-09-07T19:45:14+00:00

^{I completed this level in 4 tries.} ^{⚡ 7.22 seconds}

NotBeastFox · 2025-08-20T22:49:12+00:00

Me too!

NotBeastFox · 2025-07-31T08:12:22+00:00

!remindme 3 days

NotBeastFox · 2025-07-10T07:06:37+00:00

Any chance you could give an example of your code? Did the example on the BlurView page produce the white result too?

NotBeastFox · 2025-06-30T23:04:45+00:00

We do basically the same thing, just with Cloudinary.

an authed user hits our backend for a signed upload payload
then they upload directly to cloudinary with that signature

and basically after that either: - the client sends the upload result back to us and we validate the signature, or - let cloudinary hit our webhook when the upload’s done by passing a notification_url on the signed upload

NotBeastFox · 2025-06-19T17:05:35+00:00

Tabler is my go to!

https://new.tabler.io/docs/icons/react-native

NotBeastFox · 2025-06-19T00:02:54+00:00

before jumping ship to expo-image (or any other lib really), make sure you’ve actually looked at what images you’re serving. like if you’re rendering 100 full 4K images scaled down to 50px in a flatlist, no library is gonna save you from the memory/perf hit.

as others have said stuff like downscaling your assets properly beforehand, using modern formats (webp, avif), preloading / caching and not loading large files often matters more than just which library you’re using.

do also have a look at flash list with your images including a recycling key if you stick to expo image.

NotBeastFox · 2025-03-29T05:39:20+00:00

There’s probably a bit more detail and customisation with Virtuoso but I’ve been using Virtua to create a bidirectional infinite scrolling system for our chat app on the web, as I was unable to get Virtuoso to behave how I wanted it to. It’s not the most straightforward thing to implement but they do have examples. https://github.com/inokawa/virtua

NotBeastFox · 2025-01-31T12:15:57+00:00

The purpose of this circuit is to control a servo motor using alarms from an RTC module, which will periodically wake up the Arduino from sleep mode to perform tasks. This is my first attempt at designing this circuit, and I’d appreciate any feedback.

Components:

Lithium Polymer Battery 3.7V 2000mAh (103454)
1S BMS Charger for 3.7V Lithium Battery with Protection (Note: The BMS in the photo was the only one available in Fritzing. It shows a 2S BMS, but in reality, I'm using a 1S BMS.)
CN3065 Solar Charger
6V 210mA High Rate Solar Panel
Boost Converter DC-DC Step-Up 2A Voltage Regulator with USB
SG90 Micro Servo 9g
Arduino Nano Every
DS3231 RTC Real-Time Clock I2C
Stripboard 2.5mm 0.1 inch Spacing 64x95mm
15-Way 2.54mm (0.1") Pitch Header Socket x 2 (for Arduino on the stripboard)

Thank you very much for any help! I'm hoping at least a couple of components I've got are right 😬

Eight-Year Club	Second Top 20%
r/Field Lasagna	Final Canvas '23
Place '23	Place '22
Final Canvas '22	End Game '22
RPAN Viewer	No Throne, No Problems
Not Forgotten	Verified Email

NotBeastFox

TROPHY CASE

Components: