{"post":{"id":"61012f342db92534dc932bcb","_id":"61012f342db92534dc932bcb","coverImage":{"isPortrait":false,"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1627445971522/htPdVACHB.jpeg","__typename":"PostCoverImage"},"slug":"building-form-pages-with-rxjs","readTime":10,"replyCount":0,"responseCount":3,"brief":"Building Forms with rx.js\nIntroduction\nWhen building a form page, typically you'll want the following.\n\nperform some action when the \"SUBMIT\" button is clicked, e.g. calling an API, uploading a file etc.\nperform some action when submit is successful,...","subtitle":"","isFeatured":true,"contributors":[{"_id":"5f8ca58a83db9130bf5bc682","name":"Eleftheria Batsou","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1622723816461/uuNxjbiPv.jpeg","username":"eleftheriabatsou","__typename":"User"},{"_id":"610302c1805a765b0887542e","name":"h0neyp0t","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1678106197671/U3s7INy83.jpg","username":"h0neyp0t","__typename":"User"}],"bookmarked":false,"views":613,"url":"https://lchan752.hashnode.dev/building-form-pages-with-rxjs","totalReactions":69,"title":"Building Form Pages with rx.js","dateAdded":"2021-07-28T10:19:32.522Z","cuid":"ckrnc67yv0ajkfws199rk58ba","preferences":{"disableComments":false,"__typename":"PostPreferences"},"__typename":"Post","seo":{"title":"Building web forms with react.js, rx.js and BLOC pattern","description":"Building web forms with react.js, rx.js and BLOC pattern","__typename":"SEO"},"ogMetaData":{"image":"","__typename":"OpenGraphMetaData"},"author":{"_id":"60fe3ee518fbbb77c946958b","name":"Leo Chan","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1627274982974/z8C4dXM-9.jpeg","isPro":false,"username":"lchan752","__typename":"User","tagline":"Freelance Developer"},"coAuthors":[],"series":null,"tags":[{"_id":"56744723958ef13879b95559","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1512113179321/HJXmNY0lf.jpeg","name":"RxJS","slug":"rxjs","__typename":"Tag"},{"_id":"56744723958ef13879b95434","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1513321478077/ByCWNxZMf.png","name":"React","slug":"reactjs","__typename":"Tag"},{"_id":"56a399f292921b8f79d3633c","logo":null,"name":"Frontend Development","slug":"frontend-development","__typename":"Tag"}],"publication":{"_id":"60fe4ae118fbbb77c9469794","url":"https://lchan752.hashnode.dev","canonicalURL":"https://lchan752.hashnode.dev","title":"Sharing my knowledge for karma points","displayTitle":null,"isHeadless":false,"favicon":null,"headerColor":null,"metaTags":null,"isTeam":false,"domainInfo":{"hashnodeSubdomain":"lchan752","domain":null,"__typename":"DomainInfo"},"urlPattern":"SIMPLE","__typename":"Publication"},"comments":{"edges":[{"node":{"id":"6102923cd3dd5634ae90a152","author":{"_id":"5f8ca58a83db9130bf5bc682","name":"Eleftheria Batsou","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1622723816461/uuNxjbiPv.jpeg","isPro":true,"username":"eleftheriabatsou","__typename":"User"},"content":{"html":"

Great article. I can see the hard work behind it.\nThanks Leo Chan.

\n","markdown":"Great article. I can see the hard work behind it.\nThanks @[Leo Chan](@lchan752).","text":"Great article. I can see the hard work behind it.\nThanks Leo Chan.\n","__typename":"Content"},"dateAdded":"2021-07-29T11:34:20.477Z","stamp":"ckroua9ff0nttems1fcskedpt","totalReactions":0,"__typename":"Comment","replies":{"edges":[],"pageInfo":{"hasNextPage":false,"endCursor":null,"__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"},{"node":{"id":"6103803d805a765b08875b65","author":{"_id":"5fa290f386603914943d3c92","name":"Shantun Parmar","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1624516680980/4HawAgP4B.jpeg","isPro":false,"username":"shantun","__typename":"User"},"content":{"html":"

This nice post of yours caught my attention, Thanks Leo Chan

\n","markdown":"This nice post of yours caught my attention, Thanks @[Leo Chan](@lchan752)","text":"This nice post of yours caught my attention, Thanks Leo Chan\n","__typename":"Content"},"dateAdded":"2021-07-30T04:29:49.447Z","stamp":"ckrpuk6it06nrzcs1dlhq4mre","totalReactions":0,"__typename":"Comment","replies":{"edges":[],"pageInfo":{"hasNextPage":false,"endCursor":null,"__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"},{"node":{"id":"610523cf3b9b85399dcf2d54","author":{"_id":"610302c1805a765b0887542e","name":"h0neyp0t","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1678106197671/U3s7INy83.jpg","isPro":false,"username":"h0neyp0t","__typename":"User"},"content":{"html":"

Very interesting Leo Chan !

\n","markdown":"Very interesting @[Leo Chan](@lchan752) !","text":"Very interesting Leo Chan !\n","__typename":"Content"},"dateAdded":"2021-07-31T10:19:59.312Z","stamp":"ckrrmici6098jdps1ebl44v20","totalReactions":0,"__typename":"Comment","replies":{"edges":[],"pageInfo":{"hasNextPage":false,"endCursor":null,"__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"Mw==","__typename":"PageInfo"},"__typename":"PostCommentConnection"},"commenters":{"edges":[{"node":{"_id":"5f8ca58a83db9130bf5bc682","name":"Eleftheria Batsou","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1622723816461/uuNxjbiPv.jpeg","isPro":true,"username":"eleftheriabatsou","__typename":"User"},"__typename":"PostCommenterEdge"},{"node":{"_id":"610302c1805a765b0887542e","name":"h0neyp0t","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1678106197671/U3s7INy83.jpg","isPro":false,"username":"h0neyp0t","__typename":"User"},"__typename":"PostCommenterEdge"}],"__typename":"PostCommenterConnection"}}}

Building Form Pages with rx.js

3 comments