Hacker News Reader

bluebill1049on Show HN: React Hook Form – Simple Form Validation

it's beautiful when it all works, it's horrible when requirements changes.

bluebill1049on Show HN: React Hook Form – Simple Form Validation

agree. it all looks good on paper until the requirement and design changes, then you are in world of pain.

bluebill1049on Show HN: React Hook Form – Simple Form Validation

oh sweet! that's great to hear. my pleasure to help.

bluebill1049on Show HN: React Hook Form – Simple Form Validation

interesting project! thanks for sharing

bluebill1049on Show HN: React Hook Form – Simple Form Validation

lol

bluebill1049on Show HN: React Hook Form – Simple Form Validation

Thank you very much byahya for your kind words and the lovely message. I am really glad could help you out with building forms. This is also one of the reasons why I am so passionate about building open source projects, be a dev only also me to solve particular within a product or project. it's so good we have an amazing community who are sharing their idea and code around the world. It's my 2 cents to give back the community and help out others and of course doing something meaningful in my life :) I really appreciated your feedback and your encouragement, feel free to ask a question or submit issues in the GitHub. <3

bluebill1049on Show HN: React Hook Form – Simple Form Validation

wow thanks, chatmasta, I am really glad to hear this great feedback! I would like to put the credit towards React Hook because it really saves us to write less code and not to worry too much about the lifecycle methods.

bluebill1049on Show HN: React Hook Form – Simple Form Validation

I am not exactly sure what are you referring to, but I think this lib is pretty small compared with what is currently on the market, and I have tried my best, time and effort to keep the package as small and feature-rich as it can be, but I love constructive critisim and if you have better solution or reckon code can be improved, please submit a PR and it would do me a favor and also the rest of the community, because I built this not just me for but for other devs around the wrold. thanks

bluebill1049on Show HN: React Hook Form – Simple Form Validation

yea, I have been working forms for a while, there is hardly a page where a form just couple inputs and a submit button. There are conditional display, design and UX requirements. I can see this working for a one-page simple form.

bluebill1049on Show HN: React Hook Form – Simple Form Validation

Agree, also there is also UI and UX's input on how the form should behave and its looking feel, it's not always just couple inputs and a submit button :)

bluebill1049on Show HN: React Hook Form – Simple Form Validation

I agree. the lib itself is primitive enough for you to build a JSON formate to generate forms. here is an good example: https://github.com/start-at-root/react-breeze-form

bluebill1049on Show HN: React Hook Form – Simple Form Validation

wow so cool~ https://picnicss.com/ love it. stared the project. <3

bluebill1049on Show HN: React Hook Form – Simple Form Validation

hey, nice lib you got there :) When I was deciding the API, I did have the idea of just collecting form input automatically (similar to forn), but there are few reasons which lead to the final decision:

1. Support React controlled component. eg some of the popular component libs, they are wrapped input inside their component and it's hard to predict which to include during the form submit.

2. React Native <3

3. Attach validation rules, messages and async validation on the individual field level.

bluebill1049on Show HN: React Hook Form – Simple Form Validation

This is a really good reply! In fact, React hook form is based on uncontrolled components, I guess the mainstream is still controlled, but I would like to give some fo the love to uncontrolled and explore the benefits from it.

bluebill1049on Show HN: React Hook Form – Simple Form Validation

everything is about pros and cons. there is no silver bullet for building form if you enjoy building a form with JSON schema good for you too. Thanks for checking it out tho :)

bluebill1049on Show HN: React Hook Form – Simple Form Validation

sounds good. i will be looking into that :)

bluebill1049on Show HN: React Hook Form – Simple Form Validation

Sorry I meant once I made it work, and it will be the syntax

bluebill1049on Show HN: React Hook Form – Simple Form Validation

I haven't got a plan to look into class component just yet, but will do in the near future.

bluebill1049on Show HN: React Hook Form – Simple Form Validation

import React from 'react'; import useForm from 'react-hook-form';

function App() {

  const { register, handleSubmit, errors } = useForm(); // initialise the hook

  const onSubmit = data => {
    console.log(data);
  };

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <input name="firstname" ref={register} /> {/* register an input */}
      
      <input name="lastname" ref={register({ required: true })} />
      {errors.lastname && 'Last name is required.'}
      
      <input name="age" ref={register({ pattern: /\d+/ })} />
      {errors.age && 'Please enter number for age.'}
      
      <input type="submit" />
    </form>
  );

}

here is an code example, there is no local state.

bluebill1049on Show HN: React Hook Form – Simple Form Validation

yea would be similar for class component :)

bluebill1049on Show HN: React Hook Form – Simple Form Validation

That’s it! React hook form is basically doing that :) it’s uncontrolled.

bluebill1049on Show HN: React Hook Form – Simple Form Validation

Thank you so much for those kind words. This means so much to me seriously. I love making things and especially when others are enjoy to use. I will keep improving the site and package. Feel free to ask questions in github :) again thank you <3

bluebill1049on Show HN: React Hook Form – Simple Form Validation

By the way I did have a folder of examples as well. Quite lot of them: https://github.com/react-hook-form/react-hook-form/tree/mast... with codesandbox link too

bluebill1049on Show HN: React Hook Form – Simple Form Validation

That sounds like a great idea! Maybe I should set up some quick templates.

bluebill1049on Show HN: React Hook Form – Simple Form Validation

Sure I will looking into it and add to the comparison.

bluebill1049on Show HN: React Hook Form – Simple Form Validation

Thank you. I was try to giving everyone some good context why built this form lib.

bluebill1049on Show HN: React Hook Form – Simple Form Validation

Hi guys,

I have built a custom hook for form validation, please check it out and feedback welcome <3