Skip to content

Latest commit

 

History

History
118 lines (60 loc) · 3.62 KB

plan.md

File metadata and controls

118 lines (60 loc) · 3.62 KB

概念陈述

What is Node.js? Node.js is a server-side JavaScript runtime environment that executes JavaScript server-side.

What is npm? npm is the default package manager for the Node.js. The package manager makes it easier for programmers to publish and share source code of Node.js libraries and is designed to simplify installation, updating, and uninstallation of libraries.

What is React? React is a front-end framework to create a UI.

What is JSX? JSX is a JavaScript syntax extension, typically used with React to describe UI elements. JSX code must be transpiled to plain JavaScript before it can run in a browser.

关于JS

https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript

js test

https://www.youtube.com/watch?v=r9HdJ8P6GQI

关于test

REACT 进行渲染组件树 在一个简化的测试环境中渲染组件树并对它们的输出做断言检查。

官方文档中有关于测试迭代速度和真实环境之间的权衡,可以写在report中 例如模拟浏览器行为和持续集成 另外还有单元测试和集成测试之间的边界区分问题

https://facebook.github.io/jest/

Jest 是一个 JavaScript 测试运行器。它允许你使用 jsdom 操作 DOM 。尽管 jsdom 只是对浏览器工作表现的一个近似模拟,对测试 React 组件来说它通常也已经够用了。Jest 有着十分优秀的迭代速度,同时还提供了若干强大的功能,比如它可以模拟 modules 和 timers 让你更精细的控制代码如何执行

https://testing-library.com/react React 测试库是一组能让你不依赖 React 组件具体实现对他们进行测试的辅助工具。它让重构工作变得轻而易举,还会推动你拥抱有关无障碍的最佳实践。虽然它不能让你省略子元素来浅(shallowly)渲染一个组件,但像 Jest 这样的测试运行器可以通过 mocking 让你做到。

测试技巧:为 React 组件编写测试时的常见模式 https://zh-hans.reactjs.org/docs/testing-recipes.html

环境:为 React 组件搭建测试环境的时候有哪些要考虑的东西。 https://zh-hans.reactjs.org/docs/testing-environments.html

示例

https://www.bilibili.com/video/BV1U541147KY?from=search&seid=17458898235187373283

https://www.bilibili.com/video/BV14E411j7HL?from=search&seid=9943937578973072855

https://www.bilibili.com/video/BV1ip4y1q7qP/?spm_id_from=333.788.videocard.0

https://www.youtube.com/watch?v=3e1GHCA3GP0

https://www.bilibili.com/video/BV1A7411Q7SW/?spm_id_from=333.788.videocard.0

https://www.youtube.com/watch?v=ZmVBCpefQe8

https://www.youtube.com/watch?v=esVwR4lGwQE&list=PLLnpHn493BHEqP3gD1pCJYhxX6v2gBZzj

api demo https://github.com/electron/electron-api-demos/releases

electron fiddle https://github.com/electron/fiddle/releases/tag/v0.19.0

debugging in vsc

https://www.electronjs.org/docs/tutorial/debugging-vscode

ci

https://www.electronjs.org/docs/tutorial/testing-on-headless-ci

关于react

getting started

https://zh-hans.reactjs.org/docs/getting-started.html

easy tutorial

https://www.taniarascia.com/getting-started-with-react/

how to design

https://reactfordesigners.com/

一步步教学

https://zh-hans.reactjs.org/docs/hello-world.html

other cources

https://zh-hans.reactjs.org/community/courses.html

视频

https://www.bilibili.com/video/BV1VE411e7Qn/?spm_id_from=333.788.videocard.1

如何做一个能够扩展的软件

using parcel

https://www.freecodecamp.org/news/how-to-up-a-react-app-with-parcel/