【React】整理React制作网页应用的系列文章(持续更新)
我将在这里总结为了在React环境中创建Web应用所做的事情(将不断更新)。
※ 大战国·年表:记录从南北合一到元和偃武期间(1392至1616年)的战国时代年表(2022/09/13更新)
起动套件
以下是中文的本地化改寫:
React编程框架
创建一个用于 React + TypeScript + CSS in JS 环境的起始套件(※2021/03/10添加)。
※参考:【React】使用React + TypeScript + CSS in JS構建的起始套件(成為一個做應用的人!)
将其他页面更改为关于页面,并更改路由(2021/04/13添加)。
参考: 【React】将其他页面更改为关于页面,更改路由(React起始套件)
关于favicon的推荐尺寸和针对智能手机的设置等(2021/04/14添加)
※参考:【React】创建favicon图像、推荐尺寸、适用于智能手机的设置等(React起始套件)
在SPA的OGP设置上遇到了很多困难。暂时放弃了底层页面(2021/04/16追加)。
※ 参考:【React】构建困难的动态OGP – 在SPA中的失败(React App Starter Kit)
下一个.js编。
用Next.js重新创建React Starter Kit。这次是设置全局的部分。为了解决FOUC问题费了好大劲(2021/05/01添加)。
※参考:【React】我创建了一个Next Starter Kit-1. 全局设置(Next + TypeScript + CSS in JS)
组件和模块设置。复习async / await,try-catch,throw等(2021/05/02追加)
参考资料:【React】我创建了Next Starter Kit -2. 组件篇(Next + TypeScript + CSS in JS)
下一个起始套件的完结篇!有多页结构,还制作了404页面(2021/05/02追加)
※ 参考:【React】我创建了一个Next Starter Kit-3.页面文件编辑(Next + TypeScript + CSS in JS)
汉字跳跃率生成器
开始制作文字跳转率生成器的系列!计划和环境搭建(2021/03/14添加)
※参考:【React】文字跳转率生成器系列开始!(环境构建篇)
关于页面创建,设置 input(type=”range”)标签(2021/03/17添加)
※请参考:【React】关于页面创建、input(type=”range”)标签布局(跳跃率生成器)
使用hook设置onChange事件。终于轮盘动起来了!(添加于2021/03/19)
※参考:【React】使用Hook设置onChange事件,旋钮移动了!(跳跃率生成器)
使用独特的钩子进行处理变得更加简洁!所有旋钮都被激活了!(2021/03/30补充)
※参考:【React】使用自定义钩子函数提取函数,所有的旋钮都开始动了!(跳转率生成器)
完成styled-components值的动态更改和跳跃率生成器! (2021/04/06添加)
参考资料:【React】使用styled-components设置钩子值,并动态更改样式(完成跳跃率生成器!
下一版Jump Rate Generator,除了CSS in JS的行为差异外,平稳完成迁移!(2021/05/04追加)
※供参考:在Next.js中重新创建跳转率生成器(Next.js + TypeScript + CSS in JS)。
长宽比生成器
我制作了一个可以根据宽高比来调整图像大小并检查CSS值的生成器!(2021/05/16补充)
※参考:我创建了一个React纵横比生成器(用于计算图片的纵横比)
配色生成器
HSB颜色模型的配色生成器可用于提取主要颜色、强调颜色和基础颜色(新增于2021/08/16!)
※参考:我做了一个【React】配色生成器(通过HSB来确定主色、强调色和基础色!)
節奏播放器
我使用Tone.js创建了一个能够改变节拍和BPM的节拍播放器(2021/09/16添加)。
※ 参考:【React&Tone.js】制作了一个节奏播放器(可更改节奏和BPM)
代码播放器 (Mandarin Chinese)
使用Tone.js创建了一个键盘弹奏器,可以通过弹奏键盘来探索各种和弦(2021/10/27添加)。
参考:【React和Tone.js】制作了一个代码播放器(通过键盘查阅各种和弦的应用程序)。
规模玩家
我使用Tone.js制作了一个利用键盘探索各种音阶的音阶播放器(2021/11/28更新)
Note: 参考资料:【React & Tone.js】制作了一个音阶播放器(一个能够探索不同音阶并播放音乐的应用程序)
数学中的三角函数的研究
使用p5.js开发的一个应用程序,旨在加深对三角函数的理解(2021/12/31添加)。
参考:【React和p5.js】我制作了一个叫做”三角函数调查Math”的应用程序(帮助加深对三角函数的理解)。
披头士数据库
披头士乐队自组成至解散期间发行的歌曲(1961年至1970年)的数据库(2022/09/13更新)。
※参考:【React/Next.js】我制作了一款名为“Beatles DB”的应用程序(可以搜索到Beatles的音乐作品)
战国时期年表
南北合一时期至元和偃武时期的战国时代年表(1392年至1616年)(2022/11/13添加)
※仅提供一种中文翻译参考:【React/Next.js】制作了战国时期的年表(年表将不断更新中)
Next.js + Three.js = Next.js 加 Three.js
我正在这里更新。
※ 参考:Next.js + Three.js