All solutions

• 
  Submitted 16 days ago

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

  • HTML
  • CSS
  • JS

  1

  00

  ---

  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.

• 
  Submitted about 1 month ago

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

  • HTML
  • CSS
  • JS

  1

  20

  ---

  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.

• 
  Submitted 2 months ago

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

  • HTML
  • CSS
  • JS

  1

  20

  ---

  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.