在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称:gabischool/React-Github-User-API开源软件地址:https://github.com/gabischool/React-Github-User-API开源编程语言:开源软件介绍:Module Project: Component Lifecycle Methods - React Github User API CardThis project allows you to practice the concepts and techniques learned in this module and apply them in a concrete project. This module explored lifecycle methods in class components. In your project you will demonstrate proficiency of these concepts by recreating the Github User Card project, but as a React application this time. IntroductionRead these instructions carefully. Understand exactly what is expected before starting this project. CommitsCommit your code regularly and meaningfully. This helps you and any collaborators in case you ever need to return to old code for any number of reasons. InstructionsTask 1: Project Set Up
Follow these steps for completing your project.
Task 2: Minimum Viable Product
Planning your AppThis is an important step for any project you will be working on. You will want to plan out what data you will need, which component will manage that data via state, what functions you may need to update that state, and where you need to pass the data to render it to the DOM. I love to use pen and paper or a whiteboard for this. The visuals can help a lot when you're deep into your code. After I finish that, I will write out a list of steps that I think it will take to build the app. This gives me a starting point, and direction as I proceed. This list always changes a bit as you are building, but it should give you a good flow and some good anchor points. Also, since you have used the Github API before, you know some of the gotchas. Make sure to plan and watch for those. When you have those completed, you're ready to start coding! Fetch the User Data
Display the User Data
Fetch the User's Followers
Style the User Card
Project RetrospectiveNow that you have completed the MVP, I want you to think about the process it took you to get here. Is there anything you wish you had planned better? Anything you would do differently? Now take a minute think about how you would accomplish these same objectives with function components and hooks. You have experience with both formats now, so you can form opinions, but more importantly, you can back up those opinions. That's a really exciting level to be at! If you have time now, go ahead and move onto the stretch problems. Task 3: Stretch ProblemsAfter finishing your required elements, you can push your work further. These goals may or may not be things you have learned in this module but they build on the material you just studied. Time allowing, stretch your limits and see if you can deliver on the following optional goals:
Submission Format
|
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论