r/react

Redesigned UI.Devsloka.in Would love to hear your feedback
▲ 5 r/react+2 crossposts

Redesigned UI.Devsloka.in Would love to hear your feedback

Title: Redesigned UI.Devsloka.in. Would love to hear your feedback

Hey everyone,

We've revamped the UI of ui.devsloka.in, and it's a big improvement over the previous version.

We've redesigned a lot of components, added more blocks, and spent time improving the animations, transitions, and overall feel of the UI.

The focus was on making the components look better, feel smoother, and perform well. There's a lot more to explore now, especially if you're into building modern interfaces with good animations and interactions.

Would love to know what you think of the new version. Feel free to share your feedback and suggestions.

Website: https://ui.devsloka.in

u/FrequentAd1332 — 4 days ago
▲ 8 r/react+2 crossposts

How do you debug in React Native? I made a walkthrough of breakpoints, stepping and Watch in DevTools

I used to debug almost everything with console.log, and it cost me a lot of time. Once I started using breakpoints in React Native DevTools, finding bugs got much faster.

Here's the short version of what helped me:

- Breakpoints pause your app at an exact line, so you can inspect the real values at that moment instead of guessing which logs to add

- Stepping (step over / step into / step out) lets you follow the code line by line and see where it goes wrong

- Watch lets you track specific variables or expressions as the code runs, without adding a log for each one

- Different breakpoint types are useful in different situations, for example when a bug only happens under a certain condition

I recorded a video that explains why breakpoints are worth using and shows each of these live in React Native DevTools:

https://youtu.be/NexWmQN5gY8

I'm getting back into making videos after a long break, so I'd really like honest feedback.

Question for everyone: what's your debugging setup in React Native? Do you use DevTools breakpoints, Flipper, console.log, or something else? And is there a debugging topic you'd like me to cover next?

u/raju_gupta — 4 days ago
▲ 36 r/react+1 crossposts

Made this OTP input's, which one would you prefer?

Made these OTP inputs.

I know they’re not production-grade yet — I built these while experimenting with different UI patterns that could actually be used in client projects.
Any improvements/suggestion will be helpful.

u/Ordinary-Stuff9826 — 11 days ago
▲ 3 r/react

How can I cancel the previous API request when a new request is made in React? I’m using useEffect with fetch, and I want to prevent old requests from updating the state after the query changes.

same as above

reddit.com
u/Hot-Eggplant911 — 13 days ago
▲ 7 r/react

Developer for few years, but never did the following

I'm a self taught developer. I mainly work with React, and I usually make my own projects, and some freelance work for many clients.

I want to have a job instead of being self employed in this field, since it's something I love. But most jobs as a developer require you to work in a team of developers, where you have to collaborate, pull, branch, merge and that kind of stuff in live action.

I never had the chance to do this before, and would love to do so, so I could at least gain some experience in this matter before starting to apply. What do you guys advice me to do? Thanks in advance

reddit.com
u/WadieZN — 13 days ago
▲ 0 r/react+1 crossposts

<smil> <head> <layout> <root-layout/> <region id=“Text” top=“70%” left=“0%” height=“30%” width=“100%” fit=“scroll”/> <region id=“Image” top=“0%” left=“0%” height=“70%” width=“100%” fit=“meet”/> </layout> </head> <body> <par dur=“10000000000años”> <img src=“FB9D075F-.png” region=“Image”/> </par>

[removed]

reddit.com
u/Old_Equal_6216 — 11 days ago
▲ 39 r/react

I made a collection of interactive math/physics visuals, open-source

I mostly built and generated these for fun because there were a bunch of visuals I’d wanted to see in motion for ages and wanted to use in some side projects.

Built with React and fully open source if you want to use/edit some of these

Link: https://kinetic-art.mnove.workers.dev/

Github repo: https://github.com/mnove/kinetic

I might add more soon if I find the time

u/mnove30 — 13 days ago