Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
14
Comments
14
tOnski86
@tOnski86

All solutions

  • Continue Form Practice

    #react#tailwind-css

    tOnski86•330
    Submitted 8 months ago

    0 comments
  • React Controlled Elements + Custom Form Validation

    #react#tailwind-css

    tOnski86•330
    Submitted 8 months ago

    I am still running into a few challenges with animating parts of the application, especially if components are added/removed to the virtual DOM. Any insight on how to animate components as it mounts/unmounts would be appreciated!


    0 comments
  • Practicing State Management in React and Animations in Tailwind

    #react#tailwind-css

    tOnski86•330
    Submitted 8 months ago

    Back to the drawing board and learn more about state management.


    0 comments
  • useEffect and Fetch API

    #react#tailwind-css

    tOnski86•330
    Submitted 8 months ago

    EDIT I finally got animations to work on this project! 🔥🔥🔥

    Still getting stuck on animating my components, also user-triggered animations. Might look into framer motion but would rather figure out if there's a React x Tailwind way before I explore other libraries.


    1 comment
  • This project taught me invaluable lessons on planning before coding


    tOnski86•330
    Submitted 8 months ago

    Transitioning React components, and best practices for handling forms (state, validation and styling) in React.


    0 comments
  • Component Composition, State Management and Conditional Rendering

    #react#tailwind-css

    tOnski86•330
    Submitted 8 months ago

    Feedback on the project's overall logic would be greatly appreciated! 🚀


    0 comments
  • React Practice Toggle (useState) and Fake Data Fetch (useEffect)

    #react#tailwind-css

    tOnski86•330
    Submitted 8 months ago

    Need to work on implementing animations for React state changes.


    1 comment
  • Attempted Implementation of Reusable Components

    #react#tailwind-css

    tOnski86•330
    Submitted 8 months ago

    Looking for a better way to implement component reusability with React + Tailwind CSS.


    1 comment
  • Reusable React Card Component

    #react#tailwind-css

    tOnski86•330
    Submitted 8 months ago

    Made the card reusable in React - but how do I position in the grid without passing the utility classes as props?


    1 comment
  • Dynamic Layout Using CSS Grid

    #react#tailwind-css

    tOnski86•330
    Submitted 8 months ago

    Dynamically swapping the desktop and mobile images in Tailwind CSS by toggling display properties from hidden to block depending on the viewport. Pretty sure there's better ways to implement this.


    1 comment
  • Responsive Recipe Page React + Tailwind CSS

    #react#tailwind-css

    tOnski86•330
    Submitted 9 months ago

    Speed and efficiency when implementing a mobile-first design with Tailwind CSS.


    1 comment
  • Implemented mobile-first design

    #react#tailwind-css

    tOnski86•330
    Submitted 9 months ago

    I think I just need more reps.


    1 comment
  • Learning Mobile First Workflow

    #react#tailwind-css

    tOnski86•330
    Submitted 9 months ago

    Learn how to refactor code if starting with desktop-first design.


    1 comment
  • React + Tailwind CSS

    #react#tailwind-css

    tOnski86•330
    Submitted 9 months ago

    1 comment
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub