No video

A practical guide to Redux Form - ERIK RASMUSSEN

  Рет қаралды 52,805

React Alicante

React Alicante

Күн бұрын

Forms are hard in any framework, but they are extra complicated in React due to the recommended method of using "controlled inputs", inputs where all of their state is managed by the developer, not by the DOM or the React framework itself.
Related repo: github.com/eri...

Пікірлер: 29
@TheKira28
@TheKira28 5 жыл бұрын
Amazing workshop, I'm new in React and I was trying to understand Redux Form and with this video I think that I can start to work with it!
@szachgr43
@szachgr43 6 жыл бұрын
11:16 screen back
@yo1414
@yo1414 6 жыл бұрын
Very nice and helpful! Thanks for your time!
@klemenstrusnik5606
@klemenstrusnik5606 6 жыл бұрын
Excellent video! Very informative. Thank you!
@jgttech
@jgttech 5 жыл бұрын
Ironically, I am working on a personal form manager that uses decorators on components. The way I do it is like this: import { Form, Field } from 'my-api'; @Field('myForm', 'firstName') class Field1 extends React.Component { render() { const { _field, _form } = this.props; return ( ... ); } } @Form('myForm', formConfig) export default class MyFormComponent extends React.Component { render() { return ( ); } } In this example _field has all the field related data, minus the metadata, you use standard getters to see that data. The _form object contains all the functional controls to the form. The idea being that you setup a configuration for each field and the form utility manages the lifecycle of the form. Similar concept to yours (nearly identical), but I use decorators and leave a lot of the pre-fabbed stuff out for validation because the way you display validation rules is almost always unique from form to form or project to project (usually the latter). Another nice thing about my setup that I like is that you can call the component anything you want, the only reason you need the second field in the Field decorator is to tell the manager which field in the form you are trying to call the lifecycle on. Just my thoughts.
@binshuful
@binshuful 6 жыл бұрын
Awesome presentation and awesome work!
@ThiagoTAV
@ThiagoTAV 6 жыл бұрын
Fantastic Presentation. Thank you.
@skylvid
@skylvid 6 жыл бұрын
Break your lines more aggressively. Never scroll horizontally. Thanks for the sweet library!
@pawel_html5972
@pawel_html5972 6 жыл бұрын
thank you for video, do you have 'starting files' to follow along/ do on my own after watching this vid ?
@dharmadurai.m9218
@dharmadurai.m9218 4 жыл бұрын
any one can explain me what's going on 32.40 min
@JabirMoiduVtk
@JabirMoiduVtk 6 жыл бұрын
In my organization, I am using form input components which are already developed and those are supposed to be used. Where, input value is being updated through an onChange callback function which I am passing as props in the wrapper component. For example . This redux form will work in this case ?
@abhishek.burkule
@abhishek.burkule 5 жыл бұрын
using ...input on my react native slow down my keystroke. When I enter any key it prints then delete and again print that letter. Its too slow while typing I have to wait for 1-2 seconds to write 2nd letter
@Oswee
@Oswee 5 жыл бұрын
Isn't whole app state re-rendered on every keystroke? And seems to me that i should be named Redux-React-Form as it requires hard React dependency and cant be used in vanilla Web Components for instance.
@rajamallap
@rajamallap 5 жыл бұрын
Good day sir , Can use the same form logic in React Native ?
@SudhanshuRamTripathi
@SudhanshuRamTripathi 5 жыл бұрын
Thanks a lot for such Great explanation. :) Would you mind to answer a question: What to choose between formik and Redux-form, as React official documentation suggest "formik". Again => Thanks a lot.
@anascheriet3998
@anascheriet3998 3 жыл бұрын
formik ftw
@ibechev
@ibechev 6 жыл бұрын
Very good workshop, thank you for that. Is it possible to download the demo files from somewhere?
@ReactAlicante
@ReactAlicante 6 жыл бұрын
Hi! Here you have the repo linked to this presentation: github.com/erikras/reactalicante2017
@ibechev
@ibechev 6 жыл бұрын
Great, thanks a million :)
@464sravan
@464sravan 6 жыл бұрын
how did you apply css styling to your form ?
@congbangpham2317
@congbangpham2317 6 жыл бұрын
Thanks so much guy :)
@mjkim814
@mjkim814 6 жыл бұрын
awsome!
@circlingthesun
@circlingthesun 6 жыл бұрын
Eric sounds a bit like Mitch Hedberg
@usamamashkoor9098
@usamamashkoor9098 6 жыл бұрын
where we can get the presentation slides..?
@ReactAlicante
@ReactAlicante 6 жыл бұрын
Hi. You can find the link to the slides here: reactalicante.es/talks
@drfranca1985
@drfranca1985 6 жыл бұрын
Nice presentation. But... always that im watching a use case tutorial, they use "real world application" and never matches any real world application that I worked on, hue hue.
@emmanuelsekyi4166
@emmanuelsekyi4166 6 жыл бұрын
8:38 break
Next Generation Forms with React Final Form - ERIK RASMUSSEN
45:27
React Alicante
Рет қаралды 43 М.
Netflix JavaScript Talks - RxJS + Redux + React = Amazing!
37:14
Netflix Engineering
Рет қаралды 394 М.
Пройди игру и получи 5 чупа-чупсов (2024)
00:49
Екатерина Ковалева
Рет қаралды 3,6 МЛН
Идеально повторил? Хотите вторую часть?
00:13
⚡️КАН АНДРЕЙ⚡️
Рет қаралды 18 МЛН
Programming's Greatest Mistakes • Mark Rendle • GOTO 2023
51:24
GOTO Conferences
Рет қаралды 90 М.
The Story of Next.js
12:13
uidotdev
Рет қаралды 565 М.
Taming Forms in React - JARED PALMER
54:14
React Alicante
Рет қаралды 253 М.
Internet is going wild over this problem
9:12
MindYourDecisions
Рет қаралды 108 М.
I've been using Redis wrong this whole time...
20:53
Dreams of Code
Рет қаралды 353 М.
Erik Rasmussen | Abstracting Form State with Redux Form
1:04:26
JS Channel
Рет қаралды 36 М.
What’s new in Angular v18
20:08
Angular
Рет қаралды 117 М.
Redux - Complete Tutorial (with Redux Toolkit)
37:01
Cosden Solutions
Рет қаралды 194 М.
When RESTful architecture isn't enough...
21:02
Dreams of Code
Рет қаралды 271 М.