Submitted about 1 year ago

Blog Preview Card - React, TS, Ant Design, TailwindCSS

accessibility, react, tailwind-css, typescript, vite

A V•9,540

@skyv26

A solution to the Blog preview card challenge

Preview Code

Solution retrospective

What are you most proud of, and what would you do differently next time? What I'm Most Proud Of

React Skills: Successfully practiced TypeScript and Ant Design (antd) with bundler integration.
Front-End Mentor Challenges: Getting back to solving challenges I enjoyed before.

What I'd Do Differently Next Time

Consistency: Maintain a regular practice schedule to avoid long breaks.
Project Planning: Plan and track progress more effectively to stay focused.

What challenges did you encounter, and how did you overcome them? Challenges Encountered

React Flickering Issue: Faced issues with flickering due to event handling.
Dynamic Content Updates: Needed to implement useContext for changing content dynamically.

How I Overcame Them

React Flickering Issue: Resolved by debugging event handling and optimizing component re-renders.
Dynamic Content Updates: Implemented useContext effectively to manage and update content in real-time.

What specific areas of your project would you like help with? Areas Where I Need Help

Complex State Management: Assistance with optimizing state management in React using useContext.
Ant Design Issues: Help resolve UI component issues and improve integration with React.
Advanced TypeScript Integration: Guidance on leveraging TypeScript more effectively in React projects.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on A V's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord