【React应用100次练习】01 你好,世界

bandicam 2023-10-18 05-44-01-573.jpg

首先

你好!我是@Sicut_study!

 

很高兴看到这篇文章被很多人阅读了。因此,我们深切感受到React受到了很多初学者关注的事实。

正如我在我的文章中多次提到的那样

如果想要最快学会,那就赶紧去创造些什么吧。

我认为重要的是尝试挑战《React应用100题》。我们会逐渐增加难度,看看能创建多少题目,这是一个考验技能的机会。

由于后半部分需要创建相当困难且实用的东西,因此即使在中途停下来并完成一个任务,也应该能够每次都有所成长。如果您没有自己想要制作的东西,那么请务必考虑尽量充分利用这个机会。

React应用100道练习规则

    • 主要なライブラリやフレームワークはReactである必要がありますが、その他のツールやライブラリ(例: Redux, Next.js, Styled Componentsなど)を組み合わせて使用することは自由

 

    TypeScriptを利用する

01. 你好,世界 (Nǐ ,

image.png

问题

创建一个名为 “Hello World” 的 React 组件。

达到的目标或意图

使用React创建一个组件,在屏幕中央显示一个名为”Hello World”的消息。

实现条件

    1. React的新项目已经正确设置。

 

    屏幕上显示了“Hello World”文本,位于中央。

我已经尝试实际解决了

利用科技

    • React

 

    • TypeScript

 

    • Vite

 

    Emotion

答案时间:3分钟

因为简单是显而易见的,所以我用了一个不常用的Emotion并居中对齐。
最初,因为题目很简单,所以建议尝试积极地使用一些不熟悉的库,以稍微提高难度。

请用中文表达以下话题。只需提供一种翻译:

下一个题目

 

总结

希望能够坚持发布100道React练习题的文章,如果有人想一起挑战的话,请关注@Sicut_study,我会非常高兴的。
非常感谢已经阅读到这里的朋友,请务必点赞和收藏,谢谢!

稍微打个广告?????

我想要挑战自己,认真地辅导那些即将成为工程师的人,在三个月的时间内让他们成为优秀的工程师。

如果有人真的想成为工程师并接受指导的话,希望能在Twitter上发送一条类似于”希望得到编程教导”的回复给我!

这就是以上内容。
我们这周也要加油学习编程!

bandicam 2023-10-04 20-58-54-525.jpg

推荐文章

 

请提供以下信息作为参考。

 

广告
将在 10 秒后关闭
bannerAds