Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
4
Comments
1
ErazorWhite
@ErazorWhite

All solutions

  • [React, TS, Recoil, Router, Formik + Yup, DND, vite] Kanban web app

    #react#react-router#recoil#styled-components#typescript

    ErazorWhite•130
    Submitted 8 months ago

    State Management Best Practices: While Recoil has been effective, I'd appreciate feedback on best practices for scaling state management in larger applications. Are there patterns or techniques within Recoil (or alternative libraries) that could improve efficiency and maintainability?

    Performance Optimization: Any suggestions on optimizing the performance of the drag-and-drop feature would be helpful. I'm curious if there are more efficient ways to implement this or if there are alternative libraries that might offer better performance.

    Please feel free to provide any feedback or suggestions on these areas or any other parts of the project you think could be improved.


    0 comments
  • [React, TS, Formik + Yup, Vite, styled] Multi Step Form

    #react#typescript#vite#styled-components

    ErazorWhite•130
    Submitted 9 months ago

    In my implementation inside the render of the MultiStepForm component, I use Formik, which follows the construct:

    {(formikProps) => (
            MultiStepFormFields
              {...formikProps}
              currentStepIndex={currentStepIndex}
              goTo={goTo}
              next={next}
              back={back}
              pagesCount={pagesCount}
            
          )}
    

    I would certainly prefer to pass MultiStepFormFields only as a prop component in Formik and not clutter up extra lines of code. I ended up limiting myself with my custom hook, now the page index has to be passed from component to component. I came across another implementation in YouTube that seems to get rid of this limitation. But I'm running out of time to try it, should move next.


    1 comment
  • [React, TS, RHF + Yup, Vite, styled] Mortgage Repayment Calculator

    #react#typescript#vite#styled-components

    ErazorWhite•130
    Submitted 9 months ago

    In the beginning, I tried to set up linaria for a long time, but it never worked. babel didn't work well at the build stage. So I gave up this idea and went to runtime CSS in the form of styled-components.


    1 comment
  • [React, JS, Formik + Yup, Vite, CSS Modules, PostCSS] Contact form

    #react#vite

    ErazorWhite•130
    Submitted 10 months ago

    It would be great to get tips on using Formik in this way. I have no confidence that the result correctly implements the Formik logic as intended by the library author.


    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