A naukri.com initiative
Dev
1w
17
Image Credit: Dev
Lessons learnt building a landing page with Frontend Mentor
- Building projects is the best way to grow fast as a developer and Frontend Mentor provides a platform for developers to build projects and expand their skillsets.
- A mindset shift to learn something from building projects makes the process more fun and encouraging.
- Lessons learned from building the Easybank landing page include estimating the time of a project, importing images in a React application, showing the active state of a link using a linear gradient, and using TypeScript declaration files for non-code files.
- Estimating the duration of a project may require adapting when things do not go as planned, understanding why, and avoiding the mistake in the future.
- When using images in a React application, put images that do not change frequently in the public folder and images that change often in the src folder, which compiles with the code at build time.
- To show the active state of a link using a linear gradient, code HTML and CSS with pre-defined CSS variables such as the colors and use CSS selectors and properties.
- TypeScript does not support non-code files by default. Developers require a TypeScript declaration file to tell TypeScript how to handle those file types to ensure they work within the React application.
- Learning these concepts can improve knowledge about React and how to use TypeScript in a React application, which gives confidence to build more complex web applications.
- If developers have faced similar challenges when building a project, they can share in the comments. The Github repository for the Easybank landing page is available for those interested.
- Frontend mentor's next project is the Multistep-form, and more details are available on the website.
Read Full Article
1 Like
For uninterrupted reading, download the app