找到一份 React 工作:偷懒的方法
坚持住,伙计们。我有个好主意。
Netflix 上的剧都看完了,YouTube 的算法现在又在推荐像《男人在小巷里吃掉 87 个海绵宝宝贴纸》这样的视频,而你在隔离期间还学习了一点 Facebook 的 JavaScript 库?
那么,是时候做出反应,找份工作,买个 AppleTV 套餐了。虽然这会让你被炒鱿鱼,但至少还能撑几个月,因为他们最近在电影和电视剧方面做得相当不错。
我选择懒人来做难事。因为懒人总能找到轻松的方法。——
比尔·盖茨
第一章:国家德比
你要开发一个……等等……等等……一点点……一个能获取数据列表并以美观的方式展示给用户的应用。是的,我知道这很经典,但很多公司真的很喜欢,尤其是如果你用一些优秀的 CSS 库和有趣的 API 来实现。
偷懒步骤:
- 前往此处
- 选择加密或游戏和漫画 API,Auth = NO、HTTPS = YES、CORS = NO(如果您觉得自己效率更高,可以冒险使用未知)
- 按照这个视频操作,只需将 API 细节更改为你自己的即可
- 额外提示:用Postman试试你选择的 API 。只需将 URL 粘贴进去,就能积累足够的经验,添加到你的简历中。你猜对了,公司真的很喜欢这种经验。
第二章:图表
拿出一张纸,拿起一支笔,画出这张图:这张图代表了对世界上最复杂方程式的最小作用量 原则。它同时也象征着我们懒惰的、尽可能少采取行动的使命。那么,让我向你介绍另一个图:GraphQL。它更新、更好、更快,最重要的是,它听起来既智能又炫酷,是一种 API 查询语言。更确切地说,它取代了 REST API。
偷懒步骤:
- 阅读并学习这一点。这可能是我们任务中最无聊的部分,但一定要去做!
- 启动一个新的 React 项目,选择GraphQL API并安装Apollo Client
- Apollo Client 让你的 React 项目能够使用 GraphQL 查询。useQuery hook 就是你所需要的,所以在这里学习它,阅读并包括检查加载状态
- 这个项目本身与第一个项目相同,只是 API 端点不同,并且我们实现 useQuery() 而不是 fetch(),因此只需重用逻辑即可;)
第三章:下一集
《The Next Episode》是 Dr. Dre 2001 年专辑的第三首单曲,由他与 Dogg Pound 的长期合作伙伴 Snoop Dogg、Nate Dogg 和 Kurupt 联袂演唱。这首单曲在美国公告牌百强单曲榜上最高排名第 23 位,并获得了白金销量。
唯一能让我们跻身白金行列的就是Next.js。这可是新晋、闪亮、才华横溢的天才少年,神童,下一个大热门。这是我们使命的点睛之笔。它会让你的面试官哑口无言。Next.js 是一个极简框架,适用于服务器渲染的 React 应用以及静态导出的 React 应用。如果听起来很复杂,第一步就能解释一切。
偷懒步骤:
- 观看Fireship 的这段视频
- 使用 yarn开始新的Next 项目(很棒的额外功能)
- 在 Next 中重新创建“第二章”项目
- 前往Vercel并使用你的 GitHub 帐户注册
- 在 Vercel 中,单击新建项目 -> 导入 Git 存储库,选择此项目并部署它...是的,就这么简单:)
- 额外:Vercel 部署也适用于 CRA 项目,因此部署其余项目
- 额外:为您的 Next.js 项目启用 Vercel 分析,只需单击一个按钮即可,但是,嘿,您在项目中使用了高级分析;)
结束
卡尔·汉拉蒂:弗兰克,你是怎么做到的?你是怎么在路易斯安那州的律师资格考试中作弊的?
小弗兰克·阿巴格纳尔:我没有作弊。我学习了两个星期,就通过了。——
《猫鼠游戏》(2002)
不要欺骗自己,除了 React、HTML 和 CSS 之外,这些是你现在所知道的东西:
- npm 和 yarn
- 获取 API,使用 Postman 测试 API
- GraphQL 数据结构和查询、Apollo Client for React、useQuery……
- SSG、SSR、Next.js、路由
- Vercel,部署
现在继续,申请工作,得到一份工作,赚取一两份薪水,购买消费内容和订阅,被解雇并重复这个过程:)
文章来源:https://dev.to/bornfightcompany/land-a-react-job-the-lazy-way-2d1o