Hang on, lads. I've got a great idea.
So you've run out of Netflix TV shows to watch, YouTube algorithm is now showing videos like Man eats 87 SpongeBob stickers in an alley and you learned a little bit about that Facebook JavaScript library while in lockdown?
Then it's time to REACT and land a job so you can buy that AppleTV subscription that will get you fired, but eh, at least it will last few months because they’re kinda killing it lately with movies and tv shows.
I choose a lazy person to do a hard job. Because a lazy person will find an easy way to do it.
- Bill Gates
Chapter One: El Clásico
You are gonna build ...wait for it...wait...just a little bit... app that fetches list of data and displays it to the user in a nice way. Yeah the classic I know, but the companies really dig it, especially if you use some nice css library and interesting API with it.
Lazy steps:
- Go here
- Choose a crypto or games & comics API with Auth = NO, HTTPS = YES, CORS = NO (if you're feeling extra productive, you can risk it with unknown)
- Follow along this kinda video and just change API specifics to yours
- EXTRA: Try out the API you chose with Postman. Just paste the URL into it and it's just enough experience that you can add it to your CV. And you guessed it, the companies really dig it
Chapter Two: Graphs
Take a piece of paper, grab a pen and draw this:
This graph represents principle of Least action on the most complicated equation in the world. But also it's the symbol of our lazy, the least possible action needed mission. So let me introduce you to another graph, GraphQL. It's newer, better, faster and most importantly sounds smart and fancy, query language for APIs. To summarise even more, it replaces REST API.
Lazy steps:
- Read and learn this. Probably the most boring part of our mission, but JUST DO IT!
- Start a new react project, choose GraphQL API and install Apollo Client
- Apollo Client gives your React project the power to use GraphQL queries. useQuery hook is all you need, so learn it here, read to and including Inspecting loading states
- This project in itself is the same as the first one, just with different API endpoint and instead of fetch(), we implement useQuery(), so just reuse the logic ;)
Chapter Three: The Next Episode
“The Next Episode” was released as the third single from Dr. Dre’s 2001 and features his frequent Dogg Pound collaborators Snoop Dogg, Nate Dogg and Kurupt. The single peaked at #23 on the US Billboard Hot 100 chart, while achieving platinum status.
Single that will make our status platinum is called Next.js. New, shiny, talented kid on the block, wonderkid, the NEXT big thing. It's the final touch to our mission. It will leave your interviewers speechless. Next.js is a minimalistic framework for server-rendered React applications as well as statically exported React apps. If it sounds complicated, lazy step one will explain all.
Lazy steps:
- Watch this video by Fireship
- Start a new Next project with yarn (nice bonus touch)
- Recreate "Chapter two" project in Next
- Go to Vercel and sign up with your GitHub account
- In Vercel, click New Project -> Import Git Repository, choose this project and deploy it...yeah, it's that easy :)
- EXTRA: Vercel deployment also works with CRA projects, so deploy the rest of them
- EXTRA: Enable Vercel analytics for your Next.js project, it's just a click of a button, but hey, you used advanced analytics in your projects ;)
The End
Carl Hanratty: How did you do it, Frank? How did you cheat on the bar exam in Louisiana?
Frank Abagnale Jr.: I didn't cheat. I studied for two weeks and I passed.
- Catch Me If You Can (2002)
Don't lie to yourself, these are the things you now know besides React, HTML and CSS:
- npm & yarn
- fetch API, test API with Postman
- GraphQL data structure and queries, Apollo Client for React, useQuery...
- SSG, SSR, Next.js, routing
- Vercel, deployment
Go on now, apply for the jobs, get one, earn paycheck or two, buy consuming content and subscription, get fired and repeat the process :)
Top comments (17)
You don't want to try to land a react job though.. You want to try to land a good job at a good company and if they happen to use react it's just superfluous. If your entire technical worth is centered around some 3rd party library you will have a very difficult career.
To be fair, it’s the lazy way. The guide is pretty satire.
Agree with you Peter, but as Dillon commented this post is imagined to be satire with some good resources along the way :)
Vuk, this is a great list to start with.👍
And if you need to buy more goods, you'll need to learn even more.
And if you want that, apply at Bornfight, we'll get you those online courses so you can learn more and buy even more.
And not only that, we'll throw in a mentor for you.
And once you start mentoring ... watch out, Jeffrey Bezos!
bornfight.com/careers/
Facebook is pure evil
And more...
"choose a lazy person to do a hard job. Because a lazy person will find an easy way to do it."
Now everything makes sense...
Great one,
I feel motivated now 😅
Glad it helped you 😆
Well written. a great guide to level up yourself
Thanks amir :)
i can center a div, can i get a job?
Senior position from the start 😂
I wish, I could pull off your writing style 😂😂 good job!
Thank you Christian, means a lot 🙌
Great sense of humor on this post!
I can breathe a sigh of relief from the fact that the technologies you listed here are things I'm learning right now, it makes me feel like I'm on the path.
Thank you :) Even though this is more humor-style post, the technologies I mentioned are all we constantly use at Bornfight and we really pay attention to use best of what's out there, so yeah you're on a very solid path :)