react:hash

by Alex Vervloet

由Alex Vervloet

亲爱的React:感谢信 (Dear React: A thank you letter)

Dear React,

亲爱的React,

I’m writing you this letter to express my gratitude for all that you have done for me. Without you, I would never have learned JavaScript as well as I have, in such a short amount of time. I would never have built my first full scale Web App. I would never have created a mobile app without learning a Native language. I would never have gotten my first job in the software industry.

我写这封信是为了感谢您为我所做的一切。 没有你,我将在这么短的时间内学到JavaScript。 我永远都不会构建我的第一个全面Web应用程序。 如果不学习母语,我永远不会创建一个移动应用程序。 我永远不会在软件行业找到第一份工作。

I was another beginner Web Dev hopeful. I had dreams of creating grandiose websites, with tons of features and functionality. I was innocent and naive, not knowing just how many different moving parts were involved in professional Web Development.

我是另一个希望Web开发的初学者。 我曾梦想创建具有众多功能的宏伟网站。 我是天真的和幼稚的,不知道专业Web开发涉及多少不同的运动部件。

You were my mentor, leading me by the hand, showing me the way with component structures, state management, lifecycle methods, and JSX. You didn’t try to confuse me with Observables, Directives, Services, Templates, and two-way data-binding. You told me to just stick to the basics, writing pure JavaScript, and then you would handle the rest.

您是我的指导者,亲自带领我,向我展示了组件结构,状态管理,生命周期方法和JSX的方法。 您没有试图将我与Observables,Directives,Services,Templates和双向数据绑定相混淆。 您告诉我只要坚持基础知识,编写纯JavaScript,然后再处理其余的工作。

You taught me to break down problems into small parts, building a tree-like structure that could easily be traversed. When it got too difficult to traverse, you gave me Redux, allowing me to abstract my logic and data away from the view layer, making it accessible for all. You also encouraged Functional Programming with pure actions and reducers.

您教我如何将问题分解为小部分,构建一个易于遍历的树状结构。 当遍历太困难时,您给了我Redux,使我可以将逻辑和数据从视图层中抽象出来,使所有人都可以访问。 您还鼓励纯函数和化简器进行函数式编程。

You taught me concepts from Object Oriented Programming with Class Components. You taught me Abstraction with state. You taught me Encapsulation with parent components. You taught me an alternative version of Inheritance with props. You taught me Polymorphism with Lifecycle methods. But you also taught me that functions can be just as good with Functional Components.

您从《使用类组件进行面向对象的编程》中教了我一些概念。 您教我状态抽象。 您教我封装父组件。 您教我带道具的继承的替代版本。 您通过生命周期方法教了我多态性。 但是您也教我,功能组件可以和功能组件一样好。

Your Virtual DOM let me just write HTML, but also allowed me to add logic with ease, picking and choosing what I wanted to display and when. I didn’t have to write special templated loops or if statements. I didn’t have to change my HTML to make you happy (except for classes, of course, but I’ll forgive you for that one).

您的虚拟DOM允许我只编写HTML,但是还允许我轻松添加逻辑,选择和选择要显示的内容以及何时显示。 我不必编写特殊的模板化循环或if语句。 我不必更改HTML即可让您满意(当然,除了类,但我会原谅您的要求)。

You played nice with RESTful APIs, and even offered me a great way to interact with them through GraphQL. You made asynchronous calls a breeze thanks to componentDidMount, as long as I didn’t forget my conditional rendering.

您使用RESTful API玩得很好,甚至为我提供了一种通过GraphQL与之交互的好方法。 只要我不忘记我的条件渲染,就可以轻松地进行异步调用,这要归功于componentDidMount。

When I made a mistake, you made sure I knew. You kept me honest with my maps, making sure I gave keys to all elements. You protected me from messing up my code and rendering too often. If you yelled at me, it was for a good reason — and I could almost always figure out why.

当我犯错时,您确定我知道。 您对我的地图保持诚实,确保我为所有元素提供了键。 您可以保护我免于弄乱我的代码和过于频繁地渲染。 如果您对我大吼大叫,那是有充分原因的-我几乎总能弄清楚为什么。

Thank you, React, for being you. You’re not a framework, but you’re not just another library. You are so much more than that. I owe my successes to you, and I can’t ever repay you for it (or maybe I can someday, by giving back).

谢谢React,成为您。 您不是框架,但您不仅仅是另一个库。 你远远不止于此。 我将我的成功归功于您,而我永远也无法为此付出回报(或者也许有一天,我可以通过回馈)。

I can’t wait to see how you grow, and what you become in the future. You were created by community-minded people, for a community-minded purpose. This is what truly sets you apart from others. Even your little brother React Native is doing so well because of this community.

我迫不及待地想看看您的成长以及未来的发展。 您是由具有社区意识的人出于社区目的而创建的。 这才是真正使您与众不同的地方。 由于这个社区,即使您的弟弟React Native也做得很好。

And finally, thank you for giving so much inspiration to spread your message. You’ve inspired great groups like freeCodeCamp, Udacity, and Codeacademy. You’ve touched great people too, like Stephen Grider, Andrew Mead, Maximilian Schwarzmüller, Tyler McGinnis, Michael Jackson, Ryan Florence, Azat Mardan, Nader Dabit, and many others whom you galvanized into making my journey easier.

最后,感谢您给予了很多启发来传播您的信息。 您启发了诸如freeCodeCamp,Udacity和Codeacademy之类的优秀团体。 您也感动了很多人,例如Stephen Grider,Andrew Mead,MaximilianSchwarzmüller,Tyler McGinnis,Michael Jackson,Ryan Florence,Azat Mardan,Nader Dabit,以及许多吸引您的人们,他们使我的旅程变得更加轻松。

For all that you have been and shall continue to be…

对于您曾经并将继续成为的一切……

My sincerest thanks.

我最诚挚的感谢。

Alex Vervloet

亚历克斯·韦弗洛特

翻译自: https://www.freecodecamp.org/news/dear-react-a-thank-you-letter-16cad22e3389/

react:hash

react:hash_亲爱的React:感谢信相关推荐

  1. [译] React 路由和 React 组件的爱恨情仇

    原文地址:The Love-Hate Relationship between React Router and React Components 原文作者:Kasra 译文出自:掘金翻译计划 本文永 ...

  2. 从零开始React:一档 React环境搭建,语法规则,基础使用

    手挽手带你学React入门第一期,带你熟悉React的语法规则,消除对JSX的恐惧感,由于现在开发中都是使用ES6语法开发React,所以这次也使用ES6的模式进行教学,如果大家对ES6不熟悉的话,先 ...

  3. React笔记:React基础(2)

    1. JSX JSX是一种拥有描述UI的JavaScript扩展语法,React使用这种语法描述组件的UI. 1.1 基本语法 JSX可以嵌套多个HTML标签,可以使用大部分符号HTML规范的属性. ...

  4. React Component vs React Element

    React Component vs React Element 有这样的一个问题: // 方法定义 function add(x, y) {return x + y }// 方法调用 add(1, ...

  5. (React 框架)React技术

    1.简介 React 是Facebook 开发并开源的前端框架 当时他们的团队在市面上没找到合适的MVC 框架,就自己写一个 JS 框架,用来架设 instagram(图片分享社交网路),2013年开 ...

  6. 初探react,用react实现一个todoList功能

    初探react,用react实现一个todoList功能

  7. 如何将React App转换为React Native

    I have been working on a lot of mobile projects lately - including Cordova, PhoneGap, React Native, ...

  8. [react] 你觉得react上手快不快?它有哪些限制?

    [react] 你觉得react上手快不快?它有哪些限制? 相对vue来说不快. 限制 需要学习JSX 需要工程化的配置 需要对原生JavaScript有相当的掌握 react只是一个UI层面的库,像 ...

  9. [react] 在使用react过程中你都踩过哪些坑?你是怎么填坑的?

    [react] 在使用react过程中你都踩过哪些坑?你是怎么填坑的? 组件不像Vue一样有(beforeRouteLeave, beforeRouteEnter)路由守卫 Hooks中的闭包渲染问题 ...

最新文章

  1. 【POJ 3041】Asteroids (最小点覆盖)
  2. 如何提高PyTorch“炼丹”速度?这位小哥总结了17种方法,可直接上手更改的那种...
  3. SQL2005对字符串进行MD5加密
  4. go异常处理:自定义异常代码示例
  5. 牛客网 New Game! 建图+最短路
  6. python tkinter控件_python GUI作业:使用tkinter的重要控件
  7. Java应该是更高级别还是更低级别?
  8. 【OS学习笔记】二十二 保护模式六:保户模式下操作系统内核如何加载用户程序并运行 对应的汇编代码之用户程序
  9. 源码编译altas mysql_Atlas的安装
  10. linux杂谈(十七):iscsi存储分离技术
  11. Node.js API方法
  12. php curl模拟织梦登录,PHP 模拟浏览器 CURL 采集阿里巴巴
  13. android: PendingIntent的使用
  14. redchat怎么编写shell脚本_Linux如何编写shell脚本?
  15. 服务器端请求伪造——SSRF
  16. Word导航窗格显示自定义标题样式的方法
  17. Linux PCI和PCIe总线
  18. PLC PID调试总结
  19. GWAS分析之绘制 SNP 密度图
  20. uni-app npm安装以及在uni-APP用npm安装echarts

热门文章

  1. 分享!快速认证抖音企业蓝V的方案与常见问题
  2. 与门或门非门是计算机语言吗,什么叫与门、非门、或门
  3. B端与C端产品有何不同?
  4. Spring Cloud一些组件原理(一)
  5. Android Studio Chipmunk | 2021.2.1 JNI
  6. MyBaitsPlus快速入门
  7. 线上服务器CPU占用率高如何排查定位问题?
  8. Python+Neo4j构建时光网TOP100电影知识图谱
  9. 【收藏版】Linux常用命令大全
  10. 天天爱跑步noip2016