文件名称:ReactJS-Project-SpaceX-launching-details
文件大小:440KB
文件格式:ZIP
更新时间:2024-05-01 03:14:36
JavaScript
一个带有ReactJS和API的小项目 这是一个前端应用程序,它调用API来获取Spacex程序的启动详细信息并显示它。 这也包括一些过滤器,例如发射年份,成功发射和成功登陆。 我宁愿不使用任何UI库,我们可以很容易地在CSS中使用几行代码来创建类似的效果。 Heroku链接: : 堆栈详细信息 HTML,CSS,Javascript(不可避免) React JS jQuery(可以避免通过使用XHR或Axios) 额外套餐: react-numeric-input(事实证明对数字输入非常有帮助) 方法 首先开始传统上没有reactjs来进行一些设计。 这帮助了我很多使单独的组件和功能React的能力。 然后,在对设计感到满意时,我尝试了Ajax方法来调用API,并使用Jquery通过DOM操作将其放置。 但是我很快意识到,这将是非常乏味的。 这时我已经意识到ReactJS的价值。
【文件预览】:
ReactJS-Project-SpaceX-launching-details-main
----public()
--------index.html(802B)
----src()
--------Filter.css(3KB)
--------index.css(251B)
--------Comp.js(3KB)
--------App.js(2KB)
--------Header.css(374B)
--------Filter.js(3KB)
--------List.css(1KB)
--------reportWebVitals.js(362B)
--------Header.js(1KB)
--------List.js(405B)
--------App.css(0B)
--------index.js(335B)
----README.md(2KB)
----snapshots()
--------img1.png(72KB)
--------img5.jpeg(78KB)
--------img3.png(70KB)
--------img4.png(48KB)
--------img2.png(82KB)
----.gitignore(310B)
----package-lock.json(677KB)
----package.json(871B)