Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
6
Comments
2

choo liang yi

@spiritoftime140 points

business undergraduate learning random new stuff

Latest solutions

  • Chakra UI + React Hook Form + Firebase

    #firebase#redux-toolkit#chakra-ui

    choo liang yi•140
    Submitted over 2 years ago

    0 comments
  • Coffee roaster site using react

    #react

    choo liang yi•140
    Submitted over 2 years ago

    1 comment
  • Password generator created using react

    #react

    choo liang yi•140
    Submitted over 2 years ago

    0 comments
  • css and html skilled landing page


    choo liang yi•140
    Submitted over 2 years ago

    1 comment
  • Css html


    choo liang yi•140
    Submitted over 2 years ago

    1 comment
  • Responsive landing page using pure css


    choo liang yi•140
    Submitted over 2 years ago

    0 comments

Latest comments

  • choo liang yi•140
    @spiritoftime
    Submitted over 2 years ago

    Coffee roaster site using react

    #react
    1
    choo liang yi•140
    @spiritoftime
    Posted over 2 years ago

    So i accidentally submitted without pasting my comments! This page was made using react, react-router as well as pure css, these are some stuff i have learnt:

    1. useEffect dependencies do not have to be inside the useEffect function, they can be added as a dependency as long as they are a closure variable
    2. useReducer requires a default state, if there is no default state there would be unlimited render error
    3. you can pass entire JSX elements into the props; i initially thought you had to make them a string and ended up having to use dompurify and setdangerouslyhtml
    4. the key prop cannot be destructured - it would return undefined
  • choo liang yi•140
    @spiritoftime
    Submitted over 2 years ago

    css and html skilled landing page

    1
    choo liang yi•140
    @spiritoftime
    Posted over 2 years ago

    edit: i finally realised that setting overflow hidden on body was not going to do anything. setting it on the div worked! will be trying to make those course articles look the same tmr

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