使用 React-DnD 打造简易低代码平台
sxkk20082年前116
前言2016 年起，低代码概念开始在国内兴起，当年该行业总共有 10 起融资事件，之后低代码行业融资笔数整体呈上升趋势，并在 2020 年增长至 14 起，其中亿元以上融资有 13 起。从融资轮次分布...
[TDD] 如何测试 React 异步组件？
sxkk20082年前90
前言本文承接上文 如何测试驱动开发 React 组件？，这次我将继续使用 @testing-library/react 来测试我们的 React 应用，并简要简要说明如何测试异步组件。异步组件的测试内...
盘点掘金 2021 点赞高达 6000，收藏过万的文章
sxkk20082年前121
写给初中级前端的高级进阶指南作者： ssh_晨曦时梦见兮点赞： 6060收藏： 10401阅读： 243486分类： 前端1.5 万字概括 ES6 全部特性(已更新 ES2020)作者： JowayY...
盘点掘金 2021 高赞 Vue 文章
sxkk20082年前283
vue 中 Axios 的封装和 API 接口的管理作者： 愣锤点赞 4195收藏 4896阅读 200697分类 前端Vue 开发必须知道的 36 个技巧【近 1W 字】作者： 火狼 1点赞 415...
盘点掘金 2021 高赞 React 文章
sxkk20082年前280
「React 进阶」 React 全部 api 解读+基础实践大全(夯实基础 2 万字总结)作者： 我不是外星人点赞 2556收藏 3283阅读 48506分类 前端React 开发必须知道的 34...
如何盘点出掘金的年度高赞文章？
sxkk20082年前141
前言各位掘友，新年好，今天是 2022 年的第一天，掘金的人气作者投票活动如火如荼，榜单已经落幕，当然跟我半毛钱关系都没有，我的新年 Flag ，就是掘金等级到达 V4，而对于绝大多数读者来说，新年...
一起来写 VS Code 插件：VS Code 版 CNode 已上线
sxkk20082年前119
前言本篇是 VS Code 插件开发实战系列第三篇，前面两篇是《一起来写 VS Code 插件：为你的团队提供常用代码片段》《一起来写 VS Code 插件：实现一个翻译插件》CNode 社区为国内...
使用 React 和 NodeJS 创建一个全栈项目
sxkk20082年前91
前言我们都知道 React 非常优秀并且非常出色，我们可以使用 create-react-app 快速搭建一个前端应用。 但是由于 React 构建出来的只是前端静态资源（如：HTML、CSS 、JS...
如何白嫖一个动态网站
sxkk20082年前113
如果你会 TailwindCSS 我推荐 VSCODE 安装 这个插件tailwind-snippets 可以快速帮我们来发出一个常用的代码片段，大家可以在 https://www.tailwindsnippets.ml/snippets 查看效果，快速实现我们的 html 页面
部署
Vercel
Next.js 开发商 Vercel 获得最近 1.5 亿美元 D 轮融资。Vercel 注册什么的我就不讲了，建议使用GitHub 登录, 点击new project创建一个项目，这个项目可以从自己的 GitHub 库导入或者选择 Vercel 给的模板，Vercel 给的模板（下图）首先也会导入进自己的 GitHub 库，总之要先把内容导入进 GitHub 库才行。
Vercel 为个人用户提供了
- 自动 HTTPS/SSL
- 带宽 100 GB
- 并发构建，每天 10 万次调用
- Serverless Function
所以 Vercel 不光支持静态网站也支持 nodejs 动态网站，如果想要其他后端语言
可以选择 heroku
heroku
Heroku 是一个支持多种编程语言的云平台，并且提供了 Heroku Postgres、Heroku Redis、Apache Kafka on Heroku、
Heroku 虽然提供了比较全面的编程语言和数据库支持，免费用户还支持
- 使用 Git 和 Docker 部署
- 自定义二级域名
- 容器编排
- 自动操作系统补丁
但 heroku 对国内用户支持不是很友好，第一点访问国内速度比不上 Vercel， 第二点 163 和 QQ 邮箱都不能注册，想要注册得要其他邮箱， 第三没有免费的 ssl。第四项目源代码只能有 500M。
数据库选择
MongoDB
创建 database 的时候选择 free；
地域可以选择日本或者新加坡。
接着创建一个用户 密码是自动生成的，要把密码拷贝下来
接着要创建一个允许链接的 IP 地址
前言我们知道，想要搭建一个网站往往需要一下几个步骤：域名注册服务器购买数据库购买或部署网站设计网站开发网站备案网站上线在国内上线一个网站，域名还必须得备案，光是域名备案的话还的几个星期，整个流程下来，...
如何测试驱动开发 React 组件？
sxkk20082年前109
在某种程度上，它可能在初学者看来是单调乏味或者不切实际的，但是严格按照这个步骤来做这件事，让你自己决定测试用例是否对你的组件有帮助，会让测试用例变得有意义。
本文将以创建一个 Confirmation 组件来说明，如何在 React 中如何实现测试驱动开发。
Confirmation 组件的特点:
- Confirmation 标题
- 确认描述 —— 接收外部程序想要确认的问题
- 一个确认的按钮，支持外部回调函数
- 一个取消的按钮，支持外部回调函数
这两个按钮都不知道点击时接下来要做什么事，因为它超出了组件的职责范围，但是组件应该接收这些点击按钮的回调事件。先找个设计图:
什么是 TDDTDD（Test-driven development），就是测试驱动开发，是敏捷开发中的一项核心实践和技术，也是一种软件设计方法论。它的原理就是在编写代码之前先编写测试用例，由测试来决...