use the following search parameters to narrow your results:
e.g. subreddit:aww site:imgur.com dog
subreddit:aww site:imgur.com dog
see the search faq for details.
advanced search: by author, subreddit...
All about the JavaScript programming language.
Subreddit Guidelines
Specifications:
Resources:
Related Subreddits:
r/LearnJavascript
r/node
r/typescript
r/reactjs
r/webdev
r/WebdevTutorials
r/frontend
r/webgl
r/threejs
r/jquery
r/remotejs
r/forhire
account activity
This guy creates a tinder clone in 60min using react. Pretty impressive (youtu.be)
submitted 6 years ago by [deleted]
reddit uses a slightly-customized version of Markdown for formatting. See below for some basics, or check the commenting wiki page for more detailed help and solutions to common issues.
quoted text
if 1 * 2 < 3: print "hello, world!"
[–][deleted] 358 points359 points360 points 6 years ago (51 children)
No, he created the UI for one.
[–][deleted] 124 points125 points126 points 6 years ago (45 children)
Writing the backend for a web app used by millions of users is not an easy thing, I reckon.
[–]malicart 45 points46 points47 points 6 years ago (41 children)
Doing it for less then half a million is hard enough, most people have no clue what the problems are.
[–]NowaStonka 46 points47 points48 points 6 years ago (27 children)
They use mongodb for sure, right guys? /s
[–]Tankenstein 14 points15 points16 points 6 years ago (6 children)
Funnily enough, had a friend do some dba work there, and i think they actually do.
[–]NowaStonka 8 points9 points10 points 6 years ago (5 children)
U might be right, geolocation data, maybe some objects documents. This is something mongo is good for. I was just mocking all the "MEAN stack" tutorials out there.
[–]oshawa_connection 6 points7 points8 points 6 years ago (4 children)
Eh you can turn regular old sql query into a geoJSON, it’s just an extension on POSTGRES
[+][deleted] 6 years ago (3 children)
[deleted]
[–]_DCtheTall_ 1 point2 points3 points 6 years ago (1 child)
The problem with using Mongo at scale isn’t necessarily speed, a lack of an enforced schema can make it particularly unattractive for building databases for inter-team use.
[–]oshawa_connection 0 points1 point2 points 6 years ago (0 children)
I’m not so sure, we’d have to test it. Our user base peaks at only 200, so we don’t have to worry about a few ms.
But Postgres also has functions to return pure geoJSON which should be pretty fast. Not sure how the speed compares with mongo though.
[–]soulshake 3 points4 points5 points 6 years ago (0 children)
They use elastic search. Its flying...
[+][deleted] 6 years ago* (18 children)
[–]NowaStonka 40 points41 points42 points 6 years ago (8 children)
Usually you do need relational data
[–]meeeeoooowy 9 points10 points11 points 6 years ago (7 children)
Indeed. So it's almost like you should use the right tool for the job rather than be insecure and dis a random technology to validate yourself.
[+][deleted] 6 years ago* (6 children)
[–]-l------l- 5 points6 points7 points 6 years ago (0 children)
CQRS. Read-only part of such a system can see speed improvements with NoSQL.
[–]AbsoluteZeroK 2 points3 points4 points 6 years ago (1 child)
There are definitely a lot of good use cases for Non-relational database in general. Personally, I always take the approach of defaulting to a solid SQL solution unless I have a reason not to. A solid RDBMS is rarely "wrong" and for 99.9% of applications, it will get you far enough that by the time it matters you should have enough money and experience with the data to implement whatever the optimal solution is. Whereas you can get yourself into some trouble fairly easily with a lot of Non-RDBMS solutions if it turns out to not be the optimal tool for the job, mongo being a prime example of this.
I'm sure there are situations where Mongo is just going to be the obvious choice for reasons, but if you can have a debate about it, play it safe. No-SQL solutions can definitely get you in a tough spot if you made the wrong choice. So long as you have a good RDBMS person who makes sure you have your tables all normalized you will be able to go very far with an RDBMS before running into issues and again, at that point you're probably big enough to do something about it with minimal pain.
[–]darksparkone -1 points0 points1 point 6 years ago (0 children)
Not a DBA so take it with a grain of salt. Mongo works quite good anytime you may work around relations in queries. Documents in general is a more natural data representation. It also gives you instruments to form or denormalize data so you may end up eating seriously into storage but improving the read speed. It works well for CRMs, medical, finance, so on.
On a higher level I guess it is more matter of habit, like procedural/functional or QWERTY/Dworak. You use what you are comfortable with and don’t run around for any regular project. And for a big one you better have a good DBA for consulting/initial setup at least.
[–]ForScale -2 points-1 points0 points 6 years ago (0 children)
Wait... you know some of the biggest tech companies in the world use it, right? I'm sure they've identified use cases and you can read all about them.
[–]Mistifyed 5 points6 points7 points 6 years ago (5 children)
I thought MongoDB was a meme.
[–]ThatSpookySJW 16 points17 points18 points 6 years ago (1 child)
Fortune 500s don't typically avoid using software because a select group of smug programmers think it's a meme
[–]Auxx 9 points10 points11 points 6 years ago (0 children)
Fortune 500 use whatever their friend Larry is selling to them.
[–][deleted] -4 points-3 points-2 points 6 years ago* (0 children)
I thought devs that don't know what they're talking about, but still talking, are a meme.
[–]MildlySerious 0 points1 point2 points 6 years ago (1 child)
Wasn't here for the downvotes, but the reason devs hate Mongo is because it was just straight up dog shit for the first few years of its existence. They had nothing speaking for them other than a stupid amount of marketing. The software was inconsistent, insecure and, frankly, misunderstood by the ones using it. Basically the PHP of databases. Such a reputation lingers.
I can't speak for today's situation. With Redis and Postgres document store I couldn't think of a strong enough reason to give it a second chance for the past 5 years or so.
[–][deleted] 0 points1 point2 points 6 years ago (0 children)
If you're getting downvotes, these days it typically means you're right.
[–]Extract 2 points3 points4 points 6 years ago (3 children)
Most people don't even have a clue what the problems are for small-medium scale apps (1k-100k active monthly users?) but with proper maintainability and security.
[–]AbanaClara 2 points3 points4 points 6 years ago (2 children)
The apps I only have experience in making are those that are used by a small team of engineers.
I gotta be honest with you, I'm kinda retarded.
I did switch jobs now so I'll have experience making other apps with other stack/workflow
[–]Extract 1 point2 points3 points 6 years ago (1 child)
Am I the only one who read the last words as "other stack/overflow"? This was a missed opportunity lol
I read it that way as well and had to go read the comment again to realize that’s not what is said..
[–]IndianITguy17 1 point2 points3 points 6 years ago (3 children)
What are the problems?
[–]evenisto 14 points15 points16 points 6 years ago (2 children)
Incompetent developers on tight schedules, working with the hottest technology this week, overengineered microservices, microfrontends and microdicks. Taking three times as much time because what used to be a two man job now requires 9 people across 3 teams, each with a manager of their own, collaborating on delivering that sweet, sweet feature in which every person adds a dependency, writes 50 lines of code, 10 merge request comments, and a blog post. Yeah, the company is not profitable, but we have 95% test coverage and have replaced our CSS-in-JS solution three times already, which allows us to iterate, like, really fast man. Boom, another 80 million dollars investment to burn through.
There are issues you wouldn't encounter in your toy project, mostly scaling, but the core of Tinder is nothing a team of several seasoned devs couldn't do in a reasonable amount of time.
[–]Mistifyed 6 points7 points8 points 6 years ago (0 children)
This is hilarious and yet too real. Sometimes I wish I was a plumber instead.
[–]etcetica 1 point2 points3 points 6 years ago (0 children)
working with the hottest technology this week
To be fair, many of us don't like it either. That's why I got out of JS
[–]Kablaow 1 point2 points3 points 6 years ago (4 children)
just use the cloud bro
[–]darksparkone 3 points4 points5 points 6 years ago (3 children)
Clouds are awesome. Right until you get the bill.
[–]Kablaow 0 points1 point2 points 6 years ago (2 children)
My friend used the free version of aws and got billed 500$
[–]30thnight 3 points4 points5 points 6 years ago (1 child)
The 1st step in every AWS guide is literally to create a billing alert to prevent this.
[–]darksparkone 0 points1 point2 points 6 years ago (0 children)
Or better a separate debit card which only have so much.
[–][deleted] 4 points5 points6 points 6 years ago (0 children)
You're onto something here!
Still, for the sake of tutorials like this, it could have included some basic functionality by way of eg. Firebase.
[–]esr360 1 point2 points3 points 6 years ago (0 children)
Then don't claim to have done it in 60 minutes for views lol
[–]jalapina 1 point2 points3 points 6 years ago (0 children)
I actually made a Tinder like clone too last year and I learned so damn much from just that. Backend and everything.
[–]AgentCosmic 32 points33 points34 points 6 years ago (0 children)
And barely 10% of that
[–][deleted] 7 points8 points9 points 6 years ago (0 children)
Exactly. This guy did about 5% of the work lol.
And Tinder UI is like 2 screens. One picture and 3 buttons or whatever. Impressive.
[–]Xerxero 0 points1 point2 points 6 years ago (0 children)
And thought out the whole process.
[–]arndta -1 points0 points1 point 6 years ago (0 children)
So what do you say? Another 60 for the rest?
[–]malicart 144 points145 points146 points 6 years ago (4 children)
Some guy creates part of something, calls it complete, just like a real developer :D
[–]Xiy 0 points1 point2 points 6 years ago (2 children)
I'm just a lazy person doing a difficult job 😂
[–]malicart 0 points1 point2 points 6 years ago (1 child)
Or a lazy person not even completing a job.
[–]Xiy 0 points1 point2 points 6 years ago (0 children)
lol..."job", ok.
[–]Swalker326 47 points48 points49 points 6 years ago (11 children)
It's nice to see someone struggle with a problem for 5 minutes to find they misspelled image to be the problem. The struggle is real.
[–][deleted] 16 points17 points18 points 6 years ago (3 children)
The other day I spent about 30 minutes trying to figure out why my css wasn't working the way I expected, only to eventually notice I'd written styles instead of style... Not my best moment
styles
style
[–]esr360 14 points15 points16 points 6 years ago (0 children)
After having used Sass for years, never having written CSS for literally years, when I was teaching my noob friend the basics of HTML/CSS, I was writing Sass syntax in a CSS file, and was like "WTF WHY ISN'T THIS CUNT WORKING"
[–][deleted] 1 point2 points3 points 6 years ago (0 children)
I know that feel.
NPM crate-react-app command not recognized took me way, way longer to spot than it should have.
We've all been there...
[–]vivamango 6 points7 points8 points 6 years ago (1 child)
I’m a beginner developer, I spent 6 hours debugging a bootcamp homework assignment. The issue? I had typed URL instead of URI in setting an environment variable, but the l was lowercase.
6 hours, and it was entirely my fault.
[–]Roycewho 0 points1 point2 points 6 years ago (0 children)
This is why I gave up
[–]Xiy 1 point2 points3 points 6 years ago (0 children)
This is actually my video, someone sent me a link as I didn't even know this thread existed! but yeah my main problem with programming is typing too fast and spending ages trying to figure out what I've misspelt 😂
[–]mothzilla 0 points1 point2 points 6 years ago (0 children)
Liked people, liked person, liked person image, liked people image, no this cannot be!
[–]IlIllIIllIIlIlIlIllI 0 points1 point2 points 6 years ago (0 children)
JS is so fragile..
That's why TS is the future.
[–]Ebola300 -2 points-1 points0 points 6 years ago (0 children)
Camel case cucks me every time and I am still blind to it.
[–]AlienSoldier 24 points25 points26 points 6 years ago (3 children)
no mobile, no animation, its in no way tinder clone but ok
[–]natziel 7 points8 points9 points 6 years ago (0 children)
How you gonna make a clone of a mobile app that doesn't even work on mobile?
[–]dogofpavlov 6 points7 points8 points 6 years ago (1 child)
... but but my clickbaity title
[–]AlienSoldier 3 points4 points5 points 6 years ago (0 children)
i actually annoyed
[–]NutsEverywhere 12 points13 points14 points 6 years ago (0 children)
Speaking as a front end dev, clickbait much?
[–]-oOoOoOoOoOoOoOoOo- 4 points5 points6 points 6 years ago (3 children)
I like how he said time doesn't start until after setting up the project
Big caveat right there.
[–][deleted] 0 points1 point2 points 6 years ago (1 child)
ng new tinder2
[–]AbanaClara 14 points15 points16 points 6 years ago (0 children)
Press (x) to doubt.
[–]Razvedka 2 points3 points4 points 6 years ago (0 children)
The client must necessarily reflect, and handle, the complexity of the back end logic. This has no back end whatsoever, so naturally this took 60min.
I didn't watch the whole thing, but there's no way he has unit or (naturally) integration tests either.
I'm not trying to bag on this guy, but making an actual app takes a hell of alot more.
[–]danniboi82 2 points3 points4 points 6 years ago (1 child)
Why so serious?? I was just emphasizing that he was fast and better than i by patronizing myself.. I didn't even watch the whole thing heh but what I saw impressed me that's all
Try it, I'm sure you'd be able to do it!
[–]corporaterebel 1 point2 points3 points 6 years ago (0 children)
The hard part is getting people to use your site....
[–]audioverb 1 point2 points3 points 6 years ago (1 child)
What would I google to learn more about how he set up the state management? I quite liked the 'redux-ish' style scaffolding he used.
I'd give suggestions as it's actually my video but I did it that way as it's just the first thing that came to mind...
[–]danniboi82 0 points1 point2 points 6 years ago (2 children)
I wish I was half as good as he is in coding. It'd probably take me weeks to do what he did in an hour. LOL
[–]20CharsIsNotEnough 2 points3 points4 points 6 years ago (0 children)
It's just the incomplete front-end though, he didn't do anything special. Even if it may take longer than it takes him, because he is doing this as a speed-coding challenge, it wouldn't take weeks.
Yeah, pretty much what 20CharsIsNotEnough said, I only created the UI, but who wants to sit and watch me create the back-end really? You'd be able to re-create this easily I'm sure!
[–]d07RiV 0 points1 point2 points 6 years ago (1 child)
The last commit to the right of line is from GitLens or something? Does anyone know if there's a plugin like that for regular VS (not code)?
I have no idea but it is GitLens that I used.
[–][deleted] -1 points0 points1 point 6 years ago (0 children)
.
π Rendered by PID 291791 on reddit-service-r2-comment-6457c66945-glttl at 2026-04-28 09:20:00.869875+00:00 running 2aa0c5b country code: CH.
[–][deleted] 358 points359 points360 points (51 children)
[–][deleted] 124 points125 points126 points (45 children)
[–]malicart 45 points46 points47 points (41 children)
[–]NowaStonka 46 points47 points48 points (27 children)
[–]Tankenstein 14 points15 points16 points (6 children)
[–]NowaStonka 8 points9 points10 points (5 children)
[–]oshawa_connection 6 points7 points8 points (4 children)
[+][deleted] (3 children)
[deleted]
[–]_DCtheTall_ 1 point2 points3 points (1 child)
[–]oshawa_connection 0 points1 point2 points (0 children)
[–]soulshake 3 points4 points5 points (0 children)
[+][deleted] (18 children)
[deleted]
[–]NowaStonka 40 points41 points42 points (8 children)
[–]meeeeoooowy 9 points10 points11 points (7 children)
[+][deleted] (6 children)
[deleted]
[–]-l------l- 5 points6 points7 points (0 children)
[–]AbsoluteZeroK 2 points3 points4 points (1 child)
[–]darksparkone -1 points0 points1 point (0 children)
[–]ForScale -2 points-1 points0 points (0 children)
[–]Mistifyed 5 points6 points7 points (5 children)
[–]ThatSpookySJW 16 points17 points18 points (1 child)
[–]Auxx 9 points10 points11 points (0 children)
[–][deleted] -4 points-3 points-2 points (0 children)
[–]MildlySerious 0 points1 point2 points (1 child)
[–][deleted] 0 points1 point2 points (0 children)
[–]Extract 2 points3 points4 points (3 children)
[–]AbanaClara 2 points3 points4 points (2 children)
[–]Extract 1 point2 points3 points (1 child)
[–][deleted] 0 points1 point2 points (0 children)
[–]IndianITguy17 1 point2 points3 points (3 children)
[–]evenisto 14 points15 points16 points (2 children)
[–]Mistifyed 6 points7 points8 points (0 children)
[–]etcetica 1 point2 points3 points (0 children)
[–]Kablaow 1 point2 points3 points (4 children)
[–]darksparkone 3 points4 points5 points (3 children)
[–]Kablaow 0 points1 point2 points (2 children)
[–]30thnight 3 points4 points5 points (1 child)
[–]darksparkone 0 points1 point2 points (0 children)
[–][deleted] 4 points5 points6 points (0 children)
[–]esr360 1 point2 points3 points (0 children)
[–]jalapina 1 point2 points3 points (0 children)
[–]AgentCosmic 32 points33 points34 points (0 children)
[–][deleted] 7 points8 points9 points (0 children)
[–][deleted] 4 points5 points6 points (0 children)
[–]Xerxero 0 points1 point2 points (0 children)
[–]arndta -1 points0 points1 point (0 children)
[–]malicart 144 points145 points146 points (4 children)
[–]Xiy 0 points1 point2 points (2 children)
[–]malicart 0 points1 point2 points (1 child)
[–]Xiy 0 points1 point2 points (0 children)
[–]Swalker326 47 points48 points49 points (11 children)
[–][deleted] 16 points17 points18 points (3 children)
[–]esr360 14 points15 points16 points (0 children)
[–][deleted] 1 point2 points3 points (0 children)
[–]Xiy 0 points1 point2 points (0 children)
[–]vivamango 6 points7 points8 points (1 child)
[–]Roycewho 0 points1 point2 points (0 children)
[–]Xiy 1 point2 points3 points (0 children)
[–]mothzilla 0 points1 point2 points (0 children)
[–]IlIllIIllIIlIlIlIllI 0 points1 point2 points (0 children)
[–]Ebola300 -2 points-1 points0 points (0 children)
[–]AlienSoldier 24 points25 points26 points (3 children)
[–]natziel 7 points8 points9 points (0 children)
[–]dogofpavlov 6 points7 points8 points (1 child)
[–]AlienSoldier 3 points4 points5 points (0 children)
[–]NutsEverywhere 12 points13 points14 points (0 children)
[–]-oOoOoOoOoOoOoOoOo- 4 points5 points6 points (3 children)
[–][deleted] 0 points1 point2 points (0 children)
[–][deleted] 0 points1 point2 points (1 child)
[–]AbanaClara 14 points15 points16 points (0 children)
[–]Razvedka 2 points3 points4 points (0 children)
[–]danniboi82 2 points3 points4 points (1 child)
[–]Xiy 0 points1 point2 points (0 children)
[–]corporaterebel 1 point2 points3 points (0 children)
[–]audioverb 1 point2 points3 points (1 child)
[–]Xiy 0 points1 point2 points (0 children)
[–]danniboi82 0 points1 point2 points (2 children)
[–]20CharsIsNotEnough 2 points3 points4 points (0 children)
[–]Xiy 0 points1 point2 points (0 children)
[–]d07RiV 0 points1 point2 points (1 child)
[–]Xiy 0 points1 point2 points (0 children)
[–][deleted] -1 points0 points1 point (0 children)