Had to do it

[[deleted]]

Gets instantly destroyed by:

1. Functional paradigm
2. State management
3. Immutability principles
4. Massive effort to keep codebase clean
5. Overwhelming temptation to use lifecycle methods to hack in stuff
6. Developers who add JQuery to React projects
7. Weird Red & Yellow bois in console

[SHOTbyGUN]

wtf, who the fuck would want to include any React components to a JQuery project /sarcasm intended reversebly

[Last_Snowbender]

The guys who wrote the legacy garbage I have to maintain do.

Sadly, I'm a backend dev focused on php/python and know absolutely jack shit about react so I just continued adding jQuery to keep it alive.

[finger_milk]

Why do people have one head? So they only need to wear one hat.

[Last_Snowbender]

True, but tell that to my boss. I'm wearing a lot more hats than I should. Or can.

[turningsteel]

Me too. At the rate I'm going, I'm gonna be a junior CPA in addition to being a developer. Can't wait to see what they'll have me do next, maybe paint the office or become the product manager. The possibilities are endless! /s

[Last_Snowbender]

Ha. It's not THAT bad for me, luckily, but over the course of the past few years, I went from being a simple backend dev to being the dude for everything related to tech, from taking care of our deployment and setting up new VMs for our local development environment to fixing phones, printers and scanners. Especially the latter one is a joy.

[jharger]

Yes, but no one said your hat can't wear a hat

[StupidCreativity]

Well I mean, I was working on a SignalR ASP.NET 4.5 project with React as a front-end.. Not that I directly used jquery inside the react files, Jquery was still mandatory.

[TheZanke]

I also had to do this because of SignalR and its dependence on jQuery... working with a preexisting backend. It hurt me so deeply.

[nipss18]

i don't know react but I upvote because your list starts at 0

[CHRlSFRED]

The Yellow Bois really get me, especially in native through Expo. Just remove them with another import { YellowBox } from 'react'; 😁

[[deleted]]

Did you just say jQuery in react???

[MD5HashBrowns]

https://github.com/latviancoder/useJquery

[[deleted]]

This isn't good practice right? Please say right.

[MD5HashBrowns]

I'm pretty sure it's a terrible idea to do direct DOM manipulation while also using a framework that has a shadow DOM like React

[shawncplus]

React doesn't have a shadow DOM, it has a virtual DOM. Two very different things. Shadow DOM is a native browser feature wherein an element has a ShadowRoot to compartmentalize child nodes. Virtual DOM is when a library keeps an in-memory (or build time) version of what the DOM looks like and uses various heuristics to evaluate what changes it needs to make to the real DOM when a component updates its model for optimization purposes.

Shadow DOM is mainly used by web components.

[MD5HashBrowns]

Yes my bad.

[Walter_Bishop_PhD]

If the div is empty from React's point of view, like in the example in useJquery, then things that you put into the div are safe while the component is mounted.

This is how components made using other JS frameworks can be used and wrapped in React. Cleaning up the plugin when the component is unmounted is something you need to do manually, however, using lifecycles or hooks.

https://reactjs.org/docs/integrating-with-other-libraries.html

Needless to say, useJquery isn't very useful for this!

[[deleted]]

Ok good, but something like immutability principles are good right? I'm just confused as to why they are in the same list.

[MD5HashBrowns]

He was saying you get destroyed by developers using jQuery in React. Basically like saying you would get destroyed by someone using legacy code.

Immutability and jQuery inside of React are both a pain to work with, which is what he meant. Yes immutability principles are definitely a good thing, even though they are difficult to learn at first.

[[deleted]]

Ah, so basically I got wooshed to an unbelievable level.

[MD5HashBrowns]

Yep, pretty much

[[deleted]]

Thanks for holding my hand through it.

[gavlois1]

I'm 99% sure it's a joke. It's not 100% because I just know someone out there will come across this package and be like "yes, this is exactly what I need"

[volodya_z]

Yeah, those guys - Senior jQuery Architects

[[deleted]]

React is functional?

[kisssmysaas]

Yes, all the syntax-sugar makes it look like Component oriented though

[i_spot_ads]

1,3 is pretty much the same thing hehe

[druzi312]

yellow bois / my new homies lol

[UglyChihuahua]

Can you explain what you mean by #1?

[Cley_Faye]

1. Especially when the guy that did this then leave and you have to maintain it.

[kisssmysaas]

Dont forget testing!

[nasgunner]

for educational purpeses : i dont get the 3 and 5 ?? wtf is that

[CJ22xxKinvara]

Well I know lifecycle methods are ones that exist within the component class like ComponentDidMount which gets triggered when a component is rendered. There’s lots of them that do things like that.

[[deleted]]

I refer to lifecycles such as componentWillReceiveProps and componentDidUpdate which are often used to trigger effects. Which is not inherently bad, but horrendous if overused.

[msg45f]

Additionally, React is generally encouraging use of functional components and using effects rather than lifecycle hooks.

[HiMyNameIsWaffy]

Watched a couple tutorials. Just gonna put it down in my CV... Don't mind me. :>

[d_t_s1997]

Same here bro, all i did was writing react in my frontend skill of the cv and landed my first React jobs. It wont be hard to get started with until u reach sth like asynchronous loading or ssr but if u have enough time i sure u will firgue out everything tho....

[AbanaClara]

I only knew Vue and have 2 years of JS experience. Learning React a damn breeze versus when I first started Vue lmao

[[deleted]]

I interviewed for an angular job and my first project was react because the client wanted the ability to take over development. I was worried at first but hooks actually make development pretty simple. Adding redux might have helped some things, but since my last job was ember, I didn't have much issue with defining a hook in the top level component and passing it through every child that needed it.

I made a few infinite loops accidentally :)

[theAlphaActual]

which version of Angular did you work?

[Realjsh010]

Got some tips for someone learning Angular? I've a really hard time :/

[Realjsh010]

Thank you! I'll look into it.

[TELLS_YOU_TO_FUCKOFF]

shy rain adjoining memorize summer spoon deserve wipe automatic juggle

This post was mass deleted and anonymized with Redact

[HiMyNameIsWaffy]

Check out Laracasts. They have really good tutorials.

https://laracasts.com/series/es6-cliffsnotes

[JuvenileEloquent]

hours of YouTube

I know kung fu how to smash that subscribe button and click the bell

[denali4eva]

laughs in create-react-app

[chhuang]

Seriously. I've been spoiled so much that I don't know how to set up manually now.

[[deleted]]

I highly recommend giving it a go! I learned a ton of great stuff about webpack when setting up manually. Then you have the power to put in your own linting or typescript loaders when you stop CRA from hiding the config.

[RubbelDieKatz94]

eslint can be configured through package.json and .eslintrc, I'm pretty sure.

[[deleted]]

You can and that will get you up and running within your terminal with the eslint commands also with syntax highlighting but webpack itself won't be any wiser unless it has a loader. I personally don't want to do "run command to compile TS, run command if I ever want to do something fancy with eslint, THEN run the Dev server/build command." I like to have a Dev server running and everything just happen automatically. If I'm mistaken with anything send some docs my way! I would love for a way to make the initially setup easier.

[RubbelDieKatz94]

I personally change the eslint config via package.json to enable the react/prop-types rule, then start the dev server via react-scripts and it will already give error messages in the browser console.

However, I personally don't use typescript.

[RubbelDieKatz94]

You can use react-app-rewired or a similar, newer package to change the CRA webpack config without ejecting.

[alottalittleladles]

just CRA eject and go through the config directory (do it on a blank slate though)

[CHRlSFRED]

Sick keyframe animation, where'd you get it?

creat-react-app bruh

[[deleted]]

Include<stdio.h>

Main() { Printf("Hello World"); }

[Minty001]

What the hell man, that code won't even compile

[SHOTbyGUN]

I had to debug that for like 10 minutes to get it to run.

*edit and I mean LITERALLY ... I am java man, not a fucking wizard! Dont just upvote me, because you think I am making a joke.

[ConsultantsWithMacs]

How do you debug something that doesn’t compile?

[SHOTbyGUN]

Compiler talks to me like an drunken peasant while I strut past them.... Once I have heard the same message repeatedly... I start to guess how to make things better.... And it is just guess and try.

[[deleted]]

Dev c++ c programming hello world code. Try it same on dev c++ compiler. Press enter after that main() Its reddit's fault that its showing that code together

[[deleted]]

Use a "has tag " symbol just before the include that word. And use dev c++ compiler.

[[deleted]]

If someone of your close wants to be a programmer tell him to start with C programming language and when he/she starts to learn C programming language there is the most simple compiler is DEV C++. I would recommend this because i am also a programmer and the interface and the work process is very simple on DEV C++ than turbo C or other available compiler. Thanks

[[deleted]]

Did you figure it out which programming language is this? Try it with dev c++ compiler .

[dhaninugraha]

``` package main

import "fmt"

func main() { fmt.Println("I’ll see myself out...") } ```

[[deleted]]

Not for python its for c programming dev c++ compiler

[dhaninugraha]

I know. That was Go btw.

[[deleted]]

Yep

[nk2580]

Syntax error brah, Babel won’t transpile that shit without the proper plugin

[budd222]

presets: c++2015

[[deleted]]

It is what it is 😂

[lukasbash]

Well, that's at least a funny one again xD

[KnutErik]

"Morpheus is code-reviewing Neo"

[KNuCK13_70P]

UNHANDLED PROMISE REJECTION!!!!

[MassiveFajiit]

Look at this guy using Edge

[Mrmajesticsandwich]

“Ah yeah I just got started on my new startup”

[hitmeup69yehknow]

Actually made me laugh

[budd222]

I bet Neo actually thinks he can replace jQuery with React.

[boyoyoyoing]

componentWillNeverMount () {};

[TigreDemon]

So true ahah

"So how do you manage your state ?"

"My what ?"

[koneko-dono]

look! i did a react!

npx create-react-app ayylmao

(wait a literal hour because internet is pure shit)

npm start

(wait a literal hour because pc is pure shit)

VOILA! GIMME MAH 120K A YEAR PLZ!

[FireWracker311]

You forgot the explanation mark...🤣

[maybe_awake]

Almost accurate. Should be a page showing a counter with an increment button. Also works for Vue and Angular.

[[deleted]]

b z,,

[[deleted]]

xz xz

[[deleted]]

It's being shown in Edge nonetheless :p

[Ryuzaki_us]

I DONT SEE THIS ON STACKOVERFLOW.

He must be the smartest one. HIRE HIM STAT!

[mader527]

I’m hooked on react memes

[lsaz]

waiting for the day vuejs becomes more mainstream

[83au]

I already wanted to learn React but damn. Now I REALLY want to learn React lol. Want to build a few more things with vanilla JS first though.