Hey everyone !! Hope you good there.

This article is for those who want to develop react application with react forms. You reached here, i guess it means that you know react is just a library, which is only responsible for view part or you can say developer will only get functionalities which helps to render your UI part as small components. It won’t help you with any routing or in-built forms just like angular, just because react is a library.

Coming forward, me as developer, want to create forms which gives dynamic power to manage and assemble any application in smooth way. Then i got few NPM modules to help me out. But what i had noticed, that NPM modules are using the many new TAG’s `<ANewTag/>` as they have define multiple components for multiple HTML Tags in their module. It was difficult to remember all of the them and while assembling my react app with that library was graffiti. As developer, the main focus should be on react and working application.

Then i realize to make something which help me out and other developers, So i develop a new NPM module REACT-JSX-FORMS. This module was inspired with Angular Forms.

The additional main feature of this module is RXJS. Yes, you are write this module use Observable’s which helps to build my forms in a reactive way.

Installation -

npm install react-jsx-forms --save

The logical concepts which are used in this module are FormBuilder, FormArray, FormGroup, FormField and yeah of course Validations. These keywords will sounds familiar to those who had worked in Angular.

I think this module will make developer life more easy because now form concepts is same in both Angular and React side due to this NPM module REACT-JSX-FORMS.

References -

Website - http://react-jsx-forms.co.in

GitHub - https://github.com/hardy12994/react-jsx-forms

NPM - https://www.npmjs.com/package/react-jsx-forms

Please clap if you like it and share your comments for discussions.
Don’t forget to point me out if i am wrong anywhere.

Bye ❤️




Founder and C.E.O at XpRate.com | Want to help world to grow 🌱

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Node.js Apps with Rust WebAssembly

Basics of React Native

Using Google Drive and Vue.js to Power A Blog

Containerizing React Application For Production

Linking JavaScript React Hooks with Sinatra

COMS 3430 Final Project

Giving back to open source projects.

Building A Browser Game Part 4: Welcome to the Function Factory

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Hardeep Singh

Hardeep Singh

Founder and C.E.O at XpRate.com | Want to help world to grow 🌱

More from Medium

This Week In React #92: Remix, MDX 2, Lifetime Analysis, Story of React, Quick Start Docs…

MVVM Pattern In React


Make your app speak with React-Speech-kit