Join devRant
Do all the things like
++ or -- rants, post your own rants, comment on others' rants and build your customized dev avatar
Sign Up
Pipeless API
From the creators of devRant, Pipeless lets you power real-time personalized recommendations and activity feeds using a simple API
Learn More
Search - "react"
-
Just had a React Developer tell me HTML5 data attributes "pollute" markup.
/me wonders if he's every seen the markup React generates3 -
I don't know what's wrong with my project. But somehow, this is the screening when you debugs a React Native app within DevTools.10
-
Your fucking single page whatever the fuck app doesn't need React! Stop overcomplicating everything and getting distracted by shinny new frameworks, just focus on solving the problem!2
-
And then I asked myself: "How should I make my life harder?"
I chose react/angular.
Every node developers story.8 -
A friend recommended a website for react tutorials (online.reacttraining.com), front-end of it is built in angular :D4
-
I just released a package that lets you use Fluent Design's Acrylic material in react if anyone is interested 🙂 I love this effects, looks really cool if you ask me 😃
https://npmjs.com/package/...12 -
Ruby. Ruby this. Ruby that. Ruby in a box. Ruby with a hat. Ruby with a fox.
My job swears that there is no need for React, even though Rails now comes baked with webpack.
React with a jet pack. React with webpack. React in my web stack.11 -
Miss those days when web development used to be easy...
Now the react, react-router, redux, server-side-rendering, redux-form and nodejs...making me crazy.
And oh how can you forget the fucking webpack.
Someone please kill me.9 -
Have people using React actually read the license agreement? Basically, if Facebook want your app, they can develop a similar, and revoke your license to React...14
-
I now know why people don't write tests.
Been trying to get started with React unit tests for weeks now.
Hope Driven Development FTW.9 -
I really like React and I thought for a second that Vue will overcome React with stars but fortunately developers know what is better 😂😂😂😍21
-
“Written in pure React”
What’s impure react then? React with angular? Or with jquery?
For fuck's sake11 -
setup my new private project with react, to dive deeper into react.
brain: hey, how about to read a little bit about vue vs. react vs. angular?
me: ok?
me: *reading some articles about the topic*
brain: hey, how about to play around with vue a little bit?
me: ok.
and this is me right now:3 -
My company is looking for a new React FE.
Just got a response to the add...
"I have 10 years experience with react and styled components."9 -
Reactdev, what kind of ui library that usually you guys use and really easy to understand? Something like material ui, react-table or anything like that. I just need a really easy components library that I can use for small projects22
-
Finished writing a new app with react native, but wow the performance, true disappointment. Back to native code.5
-
I found this site (dev rant) when I Googled "React Native gets on my nerves" to see if anyone else felt the same way LOL!3
-
Just found there is an alternative to create-react-app with parcel. It's called create-react-app-parcel or in short CRAP.
To initialise a new project you even do
crap sample-project
Nice!2 -
Finally started working on learning React the other day. Seeing raw HTML outside of quotes being treated as valid JS code is...unsettling, to say the least.6
-
Today I am gonna start writing code in react to replace/improve an old silverlight project.
I need to show react is faster, easier and more efficient than angular.
Thumbs up if you like react and comment if you think I'm wrong 🙂9 -
If I see "React is revolutionary" one more time....
If you think React or React Hooks are innovative or are implemented correctly or performantly at all, you're a sheep.7 -
Step one: install the react browsee extensions. They let you know when a website is using react and it gives you a browser inspector.
Its pretty legit.
Step two: laugh while some websites are reported as using an outdated React version.
Every
Other
Fucking
Week -
First website with React JS:
After a month of studying on React I am finally building a commercial website with it. When I started learning React with redux and react router it felt so unnecessarily complex.
But trust me guys, all it takes is patience. Once you learn it creating a Web app is a breeze. And everything eventually makes so much sense. I'm so glad that I didn't give up and if you in the same position , DON'T GIVE UP. You'll eventually realise how amazing react is.9 -
After years of web development, I just got into React.
... Well, time to recode all my websites & apps I guess ¯\_(ツ)_/¯4 -
React Native or Flutter for mobile development? Why? What are the Pros and Cons?
I'm a PHP and JS guy currently learning the MEAN stack. Thanks!4 -
TL;DR: Stop using React for EVERYTHING. It's not the end-all solution to every application need.
My team is staffed about 50/50 with tenured devs, and junior devs who have never written a full application and don't understand the specific benefits of different libraries/framworks. As a result, most of these junior devs have jumped on the React train, and they're under the impression that React is the end-all answer to any possible application need. Doesn't matter what type of app is, what kind of data is going to be flowing through the app, data scale, etc. In their eyes, React is always the answer. Now, while I'm not a big fan of React myself, I will say that it does its job when its tasked with a data-heavy application that needs to be refreshed/re-rendered dynamically and frequently (like Facebook.) However, my main gripe is that some people insist on using it for EVERYTHING. They refuse to acknowledge that there can be better library/framework choices (Angular, Vue, or even straight jQuery,) and they refuse to learn any other frameworks. You can hit them with countless technical reasons as to why React isn't a good choice for a particular application, and they'll just spout off the same tidbits from the "ReactJS Makes My Nips Hard 101" handbook: "React is the future," "Component-based web architecture is the future," (I'm not arguing with that last one) "But...JSX bro.," "Facebook and Netflix use it, so that's how you know it's amazing." They'll use React for a simple app, and make it overly-complex, and take months to write something that should have taken them a week. For example, we have one dev who has never used any other frameworks/libraries apart from React, and he used React (via create-react-app) to write what is effectively a single form and a content widget inside of a bootstrap template. It took him 4 MONTHS to write this, and it still isn't fully functioning. The search functionality doesn't really work (in fact, it's just array filtering,) and wont return any results if you search for the first word in an entry. His repo is a mess, filled with a bunch of useless files that were bootstrap'd in via create-react-app. We've built apps like this in a week in the past using different libraries/frameworks, and he could have done the same if he didn't overly-complicate the project by insisting on using React. If your app is essentially a dynamic form, you don’t need a freaking virtual DOM.
This happens every time a big new framework hits the scene. New young developers get sucked into it, because it's the cool hip new framework (or in React's case, library.) and they use it for everything, even when it's not the best choice. It happened with Angular, Rails, and now it's happening with React.
React has its benefits, but please please please consider which library/framework is the best choice from a technical standpoint before immediately jumping on the React train because "Facebook uses it bro."2 -
I started learning React today. I have no idea what it does, how it works or how it does those thing. But i am already amazed.5
-
A lot of people are very good at making extremely complex and hard-to-read React components.
Very very few are good at making clean and easy-to-understand React components.8 -
3 hours debugging on React server rendering....
The problem is I use class=“app” instead of id=“app”
Hahahahaha 🙄1 -
Getting ready for my new React project.
Vim: Check ☑
TernJS: Check ☑
Webpack: Check ☑
Gulp: Check ☑
Nodemon: Check ☑
Now I begin 😆8 -
I’ve come to the conclusion that developers who like react have never used it for anything even remotely complicated.
Because here’s reacts dirty little secret; it doesn’t scale. Not even a little. It’s flexible, but that leads to every developer writing their code in a different way.
It’s simple and easy for simple side projects, but as soon as you have to pass state to a child component, you’re fucked. And god help you if you’re modifying the state in said child component. You can try using redux, but that’s a bandaid solution to the real issue.
There are better alternatives, namely Vue. There’s no need to write unintelligible code that’s a mutated hybrid of html css and js. We as web developers realized mixing these technologies was a bad idea a long time ago.
React simply doesn’t scale. It’s flexibility, complexity, and the awful code quality it leads to makes it a nightmare for large projects with multiple developers
Some of its concepts are interesting and useful though. It’s functional concepts allow for easy code reuse, among the other benefits associated with functional programming
I sincerely hope that the hype around react dies out, and a new framework emerges that takes the best from react and fixes the glaring issues it currently has23 -
React developers, What do you think about the new hooks api?
Will you refactor your codebases to use functional components or just stick with classes (even though the react community is moving towards removing classes completely)?
I think its awesome as it reduces the bundle sizes if you use function components though. I have been working on an awesome project for a while and I'm being tempted to refactor the whole codebase to use functions instead of classes. What do you think?19 -
I'm sure this has been posted a million times but when a job post or recruiter ask for a minimum of 5 years of React, does that mean that they want one of the original creators?1
-
Is React really that good? Some say if you don't know React you are doing JS wrong. But everyone says that for everything.13
-
Has anyone else noticed when ever a question of what framework to use where React could apply, people have the shittiest reasons for using it.
"React is gud, you should use it. Ima say React a few more times to sell you on it."
"React makes my code better so it's gud."
"React react react react react."
Do your research guys, don't trust this hype-driven bullshit.16 -
One day my colleague says that React Js is used for frontend as well as backend. I did not agree with him also he blames that Backend API’s also can be created using React Js. I could not believe because as per I know React Js is a library for frontend not for Backend. Still, some other colleagues supported him because he is the senior developer I am an intermediate developer.
Then I ask some of my friends who are currently working on React Js, Can we use React Js for the backend? And the next day I went office and talk to my colleague that I could not found that React JS can be used for backend and backend API. And he replied You can use nodejs. Oh! Man But I think Node and React are different tools.10 -
That feeling when you were so happy about react-native, and was pretty sure at the beggining about the achitecture of your app and js libs you are about to use.
Im here sitting with redux, reselect and still dont know why I cant just do a REST call and format data in the container component.
Why react is so hard, or am I dumb?6 -
I need to create a npm module for creating react-native app with MobX and TypeScript.
The whole setup is a nightmare.
create-react-native-typescript-mobx-app seems insane4 -
If you ever think of using React Native, don't
Save yourself the trauma of endless build errors and indeterministic side effects
Run for your fucking life and never touch that shit10 -
Even though I love vue, I feel that the "store" part of vue is kind of lacking compared to react.
I've seen several react projects that improve in that area.12 -
!rant
So, I don't have any idea about copyright law. I've heard, that React is bad, as it has a `if you sue or in any way "compete" against us, we revoke your licence` clause.
So how bad is this? Is this really a thing, unless you either sue FB, or they try to buy you (which are both not very probable for small companies). Could someone who knows their shit give me a tl;dr summary (or feel free to debate)
What I've found so far: https://github.com/facebook/react/... which seams to be kind of ok.
This would be the patent: https://github.com/facebook/react/...7 -
Went from "I fucking hate ReactJS" to "Holy fucking shit. I have been watching React tutorials for 6 hours straight without pause."5
-
React is so goddamn complicated please tell me all of this is actually worth it once you scale it up9
-
No seriously, tell me more about how leveraging React-Native for sections of the app and creating these custom architecture patterns is going to revolutionise mobile development. I'm all ears.6
-
That moment when you realize the developer you're talking to thought that `class` was a React API. 😬6
-
God fucking damnit, fuck React Native. Fucking shitpile of weirdass errors, dependency fuckups, fucking weirdass xcode errors.6
-
Betrayals and Affairs ..
After trying development with vanilla js, then with the help of jQuery, then AngularJS, then Angular, then Vuejs, then React,
I spent the last 3-4 years of my life loving React and devoting all my frontend projects to React. React was so simple and straightforward and I ... I committed to it
but, I recently checked out Svelte, and maybe i shouldn't have let curiosity take the better of me but i did and, im heartbroken to say, I can no longer love react the same way. as nice as react was, like in any relationship, we had some ups and downs, i got bothered by some little details that i learned to live with, but Svelte .. Svelte solved these little twirks and it just felt even simpler...
I created a new Vite project today, and it asked me what framework to initialize, and i kept hopping between React and Svelte. for 10 minutes i was thinking of all the history i shared with React, of how scary it is to commit to something new, but i clicked on Svelte.
I know i may have betrayed a commitment to React, but sometimes things pile up and i .. I had to listen to my heart
Forgive me and thank you for reading my confession2 -
"It doesn't really work like that with React"
Then stop using React for things it wasn't designed for!
It's fantastic as a library for UI components, but sometimes something like Angular is a better fit for when you have complex data flows to manage
Classic example of people picking a single technology and trying to use it to solve every problem2 -
React Native developers:
Is it normal for the Expo app to suddenly go blank and stop working for no apparent reason, without showing any errors or logging anything? It happens all the time since I started using it and it's extremely frustrating2 -
wow... the regular react community sucks...
where with react-native 3rd party libraries/components have very clear and detailed docs, the normal react libs out there are like:
20K starred component
"here is a .txt file with some props, TS? yea we use it, but everything is just set to ?: any"
quite the shame :/3 -
Planning to make a github list of usefull links on topics related to javascript,react,react native,redux etc . Drop usefull links if you have any. They can be tutorials,articles, talks,repos,packages etc.1
-
Whenever I need to make any changes related to React-Router, I just curl up in the corner of my room and cry :(
-
I've deployed a react app in GitHub user page, but entering a wrong URL still showing me the index.html of app. Hence, hindering the access to my GitHub projects page, any way to solve this ?1
-
I'm creating my first mobile application with React Native. Ask me any questions if you guys have any 😃8
-
God I hate React so bad
I get the hype but omg it is so confusing
Literally everytime I try adding something nothing works and I have to troubleshoot, EVERYTHING is a problem
And don't even get me started on REACT + TYPESCRIPT
IMO VueJS is just a smoother nicer experience overall7 -
- Searched for a cascader component for React
- Installed it
- Lost 2 hours trying to load dynamic options
- Turns out that there is a parameter named "isLeaf" to identify when a node have no children, which is also used to allow the loading of dynamic options
...
isLeaf...
isLeaf......
isLeaf.........
*chills*1 -
I work with server side React rendering and I wanted to do an async job.
I tried to do it since more than 3 hours.
😕🔫
...
...
...
FUCK YOU REACT! GO IN HELL YOU FUCKING SYNCHRONYOUSHIT. FUCK IT!
😡😤6 -
Updated my react native version to 0.34
It's all fucked up. Everything is broken. No sign of recovery.
There goes another one of my unfinished personal project -
Someone please tell me why react sees if(x = y) as valid js. That typo basically broke my app for 3 weeks and I didn't figure it out untill now. It set all my states to the same value. Fuck me 😑19
-
Job description of an internship. They want me to know react framework in Java. I am going to apply anyway coz i'm desperate for a job.3
-
Me and my mate was building a website for a client a while ago with react. I got the client from him.
All of a sudden he said, the client doesn't want it anymore for some vague reason. So I stopped developing and left it in our git repo.
Months later I found one of his website using the website I created with react for that client with some UI changes :/3 -
Several JavaScript Frameworks / Libraries keep springing up everyday! After learning Angular, everyone is saying it's fading and React has taken over.
What's fucking wrong with Front end?!!15 -
After using React Native for about couple of months, I have to say that native application development is much better than this.4
-
Which JavaScript library guys are using? React or Vue? Or any other?
Writing React + Redux needs lot of boiler plate code :(13 -
Today a member of an other team said that React would be better than Angular 2. Mainly because React allows HTML inside the components declaration and One-Way-Data-Binding.
Me then: Sure, but Angular 2 also has this features 😞18 -
Class components, although verbose at times, are still far superior than functional components in React. The more I work with React, the more I believe that: Hooks are plain shit.
-
Stuck between choosing Angualrjs or React for the next project. Have not used React before though.17
-
Why the fuck Angular is superior as compared to React? Everyone I know just wants to choke on Angular.3
-
Spent like two hours trying to figure out why my react native app is showing a TransformError... Went to stackoverflow.. Github issues.. You name it.. None helped...
Turns out I had missed a fucking comma when importing stuff from react-native2 -
!rant - what is everyone's take on React Native? I've been asked to put together a team to develop an MVP for a client. Rather than pull together an IOS and Android dev I was gonna get a React Native developer.
it's an on-demand service, will be looking to utilise Google Maps API, likely will sit on AWS and will also have a website where people can manage their account.
Given that it's an on-demand service there will also need to be a "user" side to it as well as a "service provider" side.
Do we think React Native is mature enough to handle this? I don't have much / any experience with it, but I'm hearing more and more - "Why don't you use react native?"3 -
Outside for the first time after about 48 hours of straight coding in React.
Why can't I change the property of people by supplying props to them?!1 -
My Frontend team lead came to me today to show me some "amazing" React component he wrote.
It was a pile of overengineered shit. -
Took an interview, where the interviewee was trying to spin tales around react fiber and preact. I was like sure, I just was watching React Conf 2017 yesterday, and he shut up.
-
OMGGGG... One week ago when I was hired, for web developer they said we need ppl in Laravel but I was towards react ( also when I did interview I said I will most likely go to react) . Okay so I agree to Laravel.. ofc I want the job but today they hire a person for react 🙂🙂🙂🙂🙂
Wao7 -
The feeling when you debug your code for 2 hours and the bug is not in your code, but in the framework.
You can't render a list if it has more than 10 items.
Thanks React Native and Facebook.7 -
I've steered clear from react cause I thought it was complicated to learn... but it turns out it was simpler than expected. The dev environment is a mess though...
Hell yeah React! -
Wrote an entire complex React component in about an hour. I'm talking it fetches data, manipulates state, renders child components, has some CSS-in-JS, and even uses the React componentWillUnmount method
I'm tired now
You ever look back on a piece of code and think 'damn, did I really write that?'4 -
Well, I love react-native and how easy to build mobile app with it. but damn look at these folder sizes jeez1
-
So I started my frontend framework learning by getting to learn Vue. Now, like, a year later, and after I've got a ton of experience with Vue, having written numerous apps with it and earned some $$$$, I'm learning React. Just because of, yeah, react-native. I feel like a caveman just by writing all that annoying overhead. :/8
-
!rant
I suppose it's about time I get started on doing some react native stuff.
Expo seems like a great place to start.
https://expo.io3 -
Would you use react to create something like a static corporate website?
If not, with which framework/ technology would you do it?10 -
Fuck, there‘s this cool tool react-admin. I want to use it as generic CRUD UI for my framework. Basics work already.
But fuck it this fucking react crap a PITA. Who for fuck‘s sake invented that shit? Damn facebook crackheads ..
JSX ... the worst idea ever.
I worked with vue before and then .. easy, just awesome.
But this crap is utterly unproductive, way too complex, ugly syntax, needs an unholy shit if dependencies, let alone the build system ...
Fuck u react fuck u ...3 -
Guys, normal state management is so good in React!! Why should we learn redux? its scary, the stores, actions, reducers what the hell :p19
-
How to update a react native project:
1. Run react-native-git-upgrade
2. Notice that your project dependencies are mucked up
3. Try to fix node modules and the build process
4. Find out the moon landing was a hoax, wait what?!
5. Use react-native-init to create a new (working) project
6. Copy code files and dependencies to new project
7. Wait for new version :) -
Why are hooks so awful?
What justifies having everyone using React relearn how to do things when hooks do not bring any new features to React?
Why does getting setInterval to work with hooks require a ~3000 word blog post by a maintainer which constantly assures you this IS a step forward?
Is scrolling up and down a class component really so hard that this clusterfuck is worth it?
>:(6 -
Hello, Hi! Friendly neighbourhood noob here!
What’s he stuck on today you ask? React and Firebase!
Did he try? Yes he did! Only a little hitch this time.
Really? Little?
...It’s all relative... like the truth!
Anyway PLEASE someone look at my StackOverflow question!!
https://stackoverflow.com/questions...
Firebase and react are awesome tbh. But I cant figure this out!
Thank you!! -
Well I started learning REACT FUCKING JS because of our team requirements. I'm a Vue developer and well it's a little more complicated for me because react is way harder.
Today I started a simple project to practice react. First thing I realized was that in react project we cannot edit Webpack config by just adding a config file in project root.
WTF !
In vue we could just add few lines of codes in vue.config.js and then we were good to go!
but in REACT FUCKING JS we must install another library named Carco, which is not COMPATIBLE with latest react version!!!!!
FFS WHAT THE FUCK IS THIS FRAMEWORK20 -
I dont know if i should learn typescript, i really like how it shows any error if you have done some mistake in the code in realtime. But it seems kinda hard and its not used that much at my office work. Should i start learning now or should i focus on strengthening my react skills for now? I work on react and javascript on daily basis.11
-
Project I’m working on is required to be in React-Native...I’m a Swift/Obj-C developer. I wrote two lines of React code and then I have spent the last 3 hours trying to get dependencies for a single library installed to run the project again...
Tell me how React Native is a better and faster way to develop apps over native code???
This seems like a waste.11 -
Debugging in React is awesome and the stack always points at the exact place where the error occurred ... Said no one ever.2
-
React app, on mongodb 3.6 and mongoose 5.0.17
Still cant use tje aggregate function without a cursor. Anyhelp ? -
https://www.polymer-project.org/ or https://angular.io/. https://facebook.github.io/react/
Which one is good to learn in 2017 ?
Im going for polymer , what's your opinion guys7 -
Be developing a react native app with create-react-native-app.
Almost done, time to eject! Let's install Android studio. 6 GiB free on /tmp, that should work. yaourt - S android-studio
Oh no! Nit enough space on tmp! Ffs and then that is without the Android sdk!4 -
Quick JS tip
If you want to split a string into characters, you can use the ES6 spread operator
If you have
const name = 'react-dev'
You can just spread it like this:
const charsInName = [...name]5 -
React: I'm the best! From FaceBook
Vue: I'm simpler and better! From Community
Angular: I'm the best! From Google
jQuery: LOL kids! I simplify HTML DOM tree traversal and manipulation... I'm immortal.
React, Angular and Vue: You are right jQuery! But the trash can is across the door. Ciao!1 -
Looking for a credit card billing option another than PayPal.
Searched “React e commerce” and found
Snipcart...
I’m more familiar with node.js, React toolset, but only never managed eshop beside Wordpress wooCommerce.
Have any one used it before? Pro or cons?Or any alternatives?
Really appreciate your opinion 🙏4 -
If somebody wants to become famous for the work they do fast. Join DIY projects such as React-Native.
You can become so famous for developing a highly demanded component, since there arent many well maintained this days.
I guess it is the case for many new and fresh projects.
React is awesome and react-native is the beast for cross platform development! You gonna love it guys! Jump in! -
Recruiter contacts me on a software dev jobs platform because my profile looks great.
Job is for a fullstack JS developer and they use React, Node.js and some other stuff I've never touched.
Nowhere on my profile is any mention of React.
I thank him for reaching out and politely decline an interview by stating I have zero experience with React.
He says, oh, he thought I'd be willing to learn React since I know vue.js.
Why do people think learning a new JS framework is easy, and that devs who use a similar framework is willing to learn another one, and that "it's all just JS in the end"?
React is not just JS, it's fucking spaghetti. The React code I've read was cognitively demanding to decipher (or maybe I am low IQ lol), because it's not "just JS". It's a nasty spaghetti of HTML, CSS, and TypeScript.4 -
I'm curious about which kind of pattern/architecture you are using in your react native apps (big ones).
-
I created a repository of react components for bulma, I am pretty happy with the result. Would love to know what people think. The docs and examples here https://grufffta.github.io/react-bu... if you could call them that
-
I have tried so hard to add some dependencies on react-native (android). Always fails when build gradle, many dependencies are mismatch.
Go fuck my project.2 -
I’m so sorry if this is the place for questions. I’m terrified of stack overflow and have been searching for a week for a solution and can’t find one. This is for React.js people.
I was tasked to create a webpage with react. The limitation is, they did not wanna adopt the node.js dependency. I said ok, I’ll figure it out. You can inject react, material UI, and babel with script tags in HTML, then put ur lil components in it. I did that and it works beautifully.
However, now I have to write tests for this. I think it’s actually impossible without a way to render React, so I have to use the browser, or node, right? I convinced my boss to allow me to use a node.js container just for testing, which I thought would make my life easier.
I don’t know how to render this thing with node. It’s just an HTML file that pulls react via script tags, and idk how to serve html with node. Additionally, none of the React testing libraries seem to support testing a system that wasn’t designed to be served with node, at least not easily. My gut tells me that the complication with how things are imported contributes at least a little to this (dependencies pulled via script tags in the HTML file and made available to react through global const variables).
I could be wrong about any of this — im fairly new. But how tf do I go about testing these react components? For reference, if you go to Reacts docs, there’s a section called “add react to a page in one minute” that’s pretty much what I did.20 -
When you've not done anything with react-router for a while and the latest version is so very very different 😫4
-
Thinking about rebuilding my portfolio website with React. Has anyone else done this? Would it be worth it?6
-
Now that I've finally got around to studying React in a bit more detail and tried to actually use it, I can give my 2 cents on the Vue vs. React vs. Angular clusterfuck:
I understand that projects started before Vue 2 was around are done with React. That's it.5 -
Why TF is it easier to make a modal component with vanilla js compared to react? Like is ReactDOM the only way to add shit dynamically?7
-
Started learning React, don't know is it a good time to start it or should I go for something else!2
-
I thought react/Vue/angular was used to build single page web app.
But why the hell are we losing components state when we navigate between routes?7 -
On https://reactjs.org/docs/... it is declared that useEffect runs after render is done.
However... if you put into useEffect an expensive calculation or operation e.g. "add +1 to x billion times", it will get stuck after updating the data, but before the re-render is done.
This leads to inconsistency between the DOM and the state which I believe is a foundational point of react. Moreover, the statement that "useEffect runs after render" is false.
See also: https://stackoverflow.com/questions...
The solution is to add a timeout to that expensive operation, e.g. 50 ms so the re-render can finish itself.
The integrity of my belief in react has received a shrapnel today. Argh :D Guys, how this can be? It seems that useEffect is not being run after re-render.13 -
I was and still I am a good php developer I wanted to shift to MERN stack and then react native. I started learning react and node, although they were just javascript I never used javascript this intensely and then there was ES6 and 7. I stared it in the end of last month.
God knows how much I had to focus just to understand basic stuff. And then built my first project with react. This was the changing point for me, everything started coming all together. Believe me, I stared building react native projects within week.
I'm really happy to learn this stack. Starting tomorrow, I am starting a new project with user authentication and APIs. If anyone has any tips or suggestions for me then go ahead.1 -
Shallow() or To Mount()....shit react tests have been killing me. The issues on github have not been resolved. And our team lead has insisted on them even more. Haha they way I have been ditching them.
-
After working for 1 week 17/7 On react , I broke the whole react library in my computer .
And making this rant hoping someone would come and say something helpful .
Ahh , I feel like a real programmer now xXDDD7 -
When I'm installing React, I see that I already have babel but reactjs.org tells me to install babel, can you explain me why please ?7
-
I've made a react component to make the Conditional Renders look better.
If anyone wants to tryout. And give their reviews on it.
https://github.com/inf3cti0n95/...1 -
When you love react you gotta hate angular and when love angular you have to hate react. It can't be a 2 sided love. It's just what I feel.4
-
After 3 days of struggles. I got the google maps in react native ios development.
Lesson learned: Read the given docs twice and do. -
React native versus Google flutter - what would be your two topmost reasons for picking one over the other?16
-
DOM manipulation in React apps such as
div.style.bottom = '20px;'
is a bitch to optimize.
Anyone got any tips?10 -
Why does React have dependency arrays in all hooks if they basically always need to be filled with every single dependency? Just figure this shit out yourself, eslint can do this, why can't react?1
-
- we are going to use react in our next project.
- why ?
- because facebook is react
(I like react but .. Is that an argument ? )4 -
React and Angular videos are free in scotch.io for the whole weekend. I started watching React and now I miss Vue as never before :/3
-
Several months ago I was praising antd's forms but honestly I can't figure how to debug them with React Context Devtools, let alone do that inside React Storybook.
Unless I come up with a solution for this problem I'm a dead man.4 -
Guys need help: Tomorrow I have to take a interview for react native position. The guys has 2 years of experience and I have only 3 months. So I don't know what to ask him. Can you please suggest some topic or question.3
-
I'm teaching myself React lately since it's what my work mostly uses. I'm in backend but having used Vuejs for a couple of years I figured I'd have a head start.
Man, it's painful to go from one library to one that has issues which became the motivation for building the library I already know. I keep catching myself in wanting to make little helpers to basically make the Vuejs syntax for React.
The first time i tried JSX I had a reaction similar to that of when I tried writing inline assembly in C; "heh! That's funny".2 -
If you guys help me with suggestions 😁
I'm good with angular, and using ionic for mobile apps, i used to like it buy it's turning to be pain in the ass
I want to move to react native, should i start with reactjs or go directly to react native ?
I already started reactjs and it's starting to look weird for me ._. (Dont judge me i've been coding in angular the last year and a half)5 -
Can anyone give me a good free resource for react for an intermediate level developer? I trying the react getting started documentation. its too early to formulate an opinion but it seems like very entry level.1
-
Hi all,
Are there any developer tools that you wish were available for React, Angular or Vue?
A few schoolmates and I are looking to build an open source developer tool in order to help current engineers who are working with some of the popular front end technologies, such as React, Angular and Vue. We have seen a few prototyping tools for React and Vue and we also came across Bit Dev for React - would angular or vue developers like a tool like Bit Dev? We are looking to build something impactful and meaningful to the community and would really like your opinion on any developers tools that you would like to see.1 -
I'll need to do a survey on how different frontend frameworks support asynchrony, both in data and component loading.
I have a very powerful lazy loading primitive for React (https://github.com/lbfalvy/... ), but it's a bit broken so I'm rewriting it into a stateful TS class (because it would have to allocate a lot to be immutable and fast) and a React shim. I'm considering adapting it to other frameworks that struggle with code splitting or async data, or perhaps - like react - only ship a built-in solution that requires unrelated business logic to acknowledge the frontend framework.
Are you happy with the workflow of using asynchronously loaded data in your frontend framework of choice?1 -
import React, {Component} from 'react'
class App extends Component {
render() {
return (
<div>
<h1>Hello World!</h1>
</div>
)
}
}
React.render(<App />, document.querySelector("#app")10 -
Any React (native) devs in here? What do you think about issues mentioned in this podcast?
I love JavaScript – Software Engineering Daily | React Native at Airbnb with Gabriel Peal, let's play it!
https://podbean.com/media/share/...1 -
Setting up an expo react / react native is a far worse feeling than installing GPU drivers + cuda toolkit for pytorch.
I have no idea how react devs are dealing with this shit. This is so horrible. Wtf is babel ? wtf is expo ? Wtf is SDK ? Wtf is eas ????????????????????1 -
I have to integrate Branch.io journeys to a React PWA. Just started reading the docs and got a basic idea.
Just confused about how shall I add the web SDK in the React way.
Also, any explanations, tips, things-I-should-beware about branch?
[that is, if anyone's happened to have heared of it] -
So like... is there a reason no one can answer a react-native question on stack overflow or do they only reply to things that give them the chance to be dicks? 🤔2
-
React development builds are so laggy that even the most basic of optimization I make to speed it up ends up as a significant improvement in performance in the production build2
-
Is there any way to build React-Native iOS app without an Apple machine?
Currently I am on Debian, and Android version of the react-native app is working fine.8 -
! Rant
Hey there everyone what do you think of using React Native for a complex Cross Platform app with location and stuff like that.4 -
React/React Native
When deciding between `useState` and `useReducer` in React, it's important to consider the complexity of your state management needs. Here's a simplified breakdown post I've written:
https://x.com/lassiecoder/status/...8 -
Thoughts about using React Native with Expo for apps? Recently started working on a dashboard app, have made few screens already, looking for some pointers.2
-
All the time I've saved by using react instead of native solutions I've lost to some bullshit bug somewhere deep in the react source that crept in during the last update.
-
Learned react recently. It's such an amazing library, way better than Angular for smaller web-apps. Any suggestions to get more in-depth with React, without randomly installing multiple packages doing the same job?9
-
React native devs, how do y'all persist data on different screens without using redux-persist and redux at all?
I mean, I need to navigate through different screens without having to lose data on the previous screen. Help!1 -
Every single time I start a new frontend webapp project, first question -
Should I use react
Should I use angular
Ffs, how do you guys make the decision?4 -
Just started learning React, what are the resources you would suggest other than the documentation. Thanks in advance.14
-
It feels weird after seeing that the most frustrated cross-platform framework has such a big ecosystem:
https://simform.com/react-native-ec...
Anyways, I need to hook myself up with flutter as I see it as a better alternative to React Native. -
Can a React.JS expert help me to understand something?
In short, I would like to know what are the main differences between react version 15.6 and 17, in terms of browser issues, and component compatibility?
We have a legacy code base that is in version 15.6 and the team wants to upgrade it and I am attempting to argue with my dumb CTO to upgrade to version 17. However, I’m not versed in react, I'm just a PO and the CTO doesn't know anything but for some odd reason is adamant about staying on an older version. The developers gave me their opinion but I'm interested in an outside opinion.5 -
Hi devs so I was thinking to learn frontend development and got stuck at the a point should I learn react and react native or should I learn flutter
To learn react I need to first learn html and css as I have very beginner knowledge in it.All suggestions are welcomed as long as you have studied either one of the language7 -
Spent this week working React into one of my projects. Works fine but I don't see Any real productivity gains over modular typescript with a good js view engine.
Does it get better?3 -
Hi all,
This isn't a rant but I'm after some advice. I'd like to learn React Native to start building mobile apps. I've never used React and to be honest, my JavaScript skills are a bit jQuery (if you get what I mean!).
Shall I jump into RN or learn ES5/6 and React first?2 -
React is so flawed in the sense that it forces you to go a very round about way to implement interaction b/w sibling components..which just gets worse in large scale projects
I had to implement my own event management system for React that worked well in conjunction with Redux.4 -
So for the special kind of event handlers that runs before an event, would you prefer the react style "will" as in "onWillChange", or the W3C style "before" as in "onbeforeunload"?5
-
NPM version : 10
React-Native Library : react-native-get-music-files
Installation :
npm i --save react-native-get-music-files
rnpm link
Things I Have Already Tried :
rnpm link react-native-get-music-files
react-native link
npm install
react-native run-android
REINSTALLING
MAKING A NEW PROJECT
Details :
Its documentation says add import com.reactlibrary.RNReatNativeGetMusicFilesPackage; but when automatically linking , it adds com.cinder72.musicfiles.RNReactNativeGetMusicFilesPackage;
Manually it is showing com.reactlibrary.RNReatN... is not found.
Automatically everything is working fine.
Error :
In the react-native-get-music-files/index.js
import { NativeModules, Platform } from 'react-native';
const { RNReactNativeGetMusicFiles } = NativeModules;
const MusicFiles = {
getAll(options){
return new Promise((resolve, reject) => {
if(Platform.OS === "android"){
RNReactNativeGetMusicFiles.getAll(options,(tracks) => {
resolve(tracks);
},(error) => {
resolve(error);
});
}else{
RNReactNativeGetMusicFiles.getAll(options, (tracks) => {
if(tracks.length > 0){
resolve(tracks);
}else{
resolve("Error, you don't have any tracks");
}
});
}
});
}
}
export default MusicFiles;
It says RNReactNativeGetMusic files is undefined.
I tried console log NATIVEMODULES and it shows nothing as RNReactNativeGetMusic or anything similar.2 -
I have been taking Udacity frontend web courses and got to the react projects. Trying to get Google maps and react to work together has been a nightmare. The Google docs have you put a script tag in the HTML but react puts the HTML in the JavaScript and it is very confusing.
-
What would be beneficial in development of Hybrid Mobile apps in terms of light weight code, Flutter or React Native ?1
-
Has anyone here heard of Ember, the JS framework? If so, would you say it's better than React and why?1
-
Hey Folks,
Does anyone use React Testing Library for Unit testing React components?
If yes, how do you imitate the user event "CTRL + B"? -
What I thought:-
Leaning React:- Awesome State Management System. I love Web Development.
Leaning React + REDUX:- Can I be a Web Developer? Should I switch to something else? -
I tried writing this function on react native but i had an error const App: ( ) => React$Node = ( ) => { };4
-
Any recommended react native tutorial? i am a beginner and i wanna learn react native using project-based method
-
Having trouble getting CSS to apply to a table in react. Thought I'd ask here. You guys are probably better than SO. Please and thank you
https://stackoverflow.com/questions...7 -
Since the most popular Lottie library for React is broken and outdated, how should I use Lottie in a react project ?2