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.
https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript
js test
https://www.youtube.com/watch?v=r9HdJ8P6GQI
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
关于electron https://www.electronjs.org/docs/tutorial
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
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/