javascript - ¿Por qué usar Redux-Observable sobre Redux-Saga?
reactive-programming (6)
Como hay un montón de charla observable redux aquí, pensé en darle el lado de la saga al argumento. No uso redux-observable o RxJS, por lo que no puedo hacer una comparación lado a lado, pero he usado sagas con gran efecto.
Por lo que vale, estoy usando sagas en producción en una aplicación web.
Sagas vs. Thunk
Saga gana sin dudas. No me gustó cómo thunk puso lógica en mis creadores de acción. También hizo que hacer algunas solicitudes seguidas fuera problemático. Miré brevemente a redux-observable para este trabajo, pero me decidí por Sagas.
Curva de aprendizaje para sagas
Comprender qué son los generadores y por qué son importantes es clave para comprender las sagas. Pero enfatizaré que no necesita conocer generadores por dentro y por fuera. Solo necesita saber que está pasando el control con la declaración de rendimiento, y que la saga le devolverá el control después de que se resuelva su código asíncrono. Después de ese momento, no es muy difícil entender lo que sucede en una saga.
Los métodos principales de la saga son (en mi experiencia):
-
call- Llama a cualquier bit de código y obtén el valor de retorno. Apoya promesas. Gran sinergia entre procesamiento asíncrono y sagas. -
select- Llamar a un selector. Este bit es bastante brillante. ¡Los selectores son esenciales para redux, y son 100% compatibles! -
put- también conocido comodispatchuna acción. De hecho, ¡despacha tantos como quieras!
Hay otras funciones, pero si puedes dominar esas tres, estarás en un lugar realmente bueno.
Conclusión
La razón por la que elegí sagas fue la facilidad de uso. redux-observable parecía un desafío. Estoy 100% satisfecho con las sagas. Más feliz de lo que esperaba.
En mi experiencia, las sagas son (mucho) mejores que los thunks y relativamente fáciles de entender. Rx no es la taza de té de todos. Consideraría fuertemente las sagas en lugar de las redux-observables si no vienes de ese ecosistema y / o no planeas usar Rx en el futuro.
He usado Redux-Saga . El código escrito con él es fácil de razonar hasta ahora, excepto que la función del generador JS me está arruinando la cabeza de vez en cuando. Según tengo entendido, Redux-Observable puede lograr el trabajo similar que maneja los efectos secundarios pero sin usar la función de generador.
Sin embargo, los documentos de Redux-Observable no proporcionan muchas opiniones de por qué es superior contra Redux-Saga. Me gustaría saber si no usar la función de generador es el único beneficio de usar Redux-Observable. ¿Y cuáles podrían ser las desventajas, problemas o compromisos de usar Redux-Observable en lugar de Redux-Saga? Gracias por adelantado.
Creo que hay cosas que debes tener en cuenta.
- Complejidad
- Estilo de codificación
- Curva de aprendizaje
- Testabilidad
Digamos que queremos obtener usuarios de la API
// Redux-Saga
import axios from ''axios''
function* watchSaga(){
yield takeEvery(''fetch_user'', fetchUser) // waiting for action (fetch_user)
}
function* fetchUser(action){
try {
yield put({type:''fetch_user_ing''})
const response = yield call(axios.get,''/api/users/1'')
yield put({type:''fetch_user_done'',user:response.data})
} catch (error) {
yield put({type:''fetch_user_error'',error})
}
}
// Redux-Observable
import axios from ''axios''
const fetchUserEpic = action$ =>
action$
.ofType(''fetch_user'')
.flatMap(()=>
Observable.from(axios.get(''/api/users/1'')) // or use Observable.ajax
.map(response=>({type:''fetch_user_done'', user:response.data}))
.catch(error => Observable.of({type:''fetch_user_error'',error}))
.startWith({type:''fetch_user_ing''})
)
Además, he escrito este artículo para comparar en profundidad las diferencias entre Redux-saga y Redux-Observable. Echa un vistazo a este enlace aquí o presentation .
Descargo de responsabilidad: soy uno de los autores de redux-observable, por lo que es difícil para mí ser 100% imparcial.
Actualmente no proporcionamos ninguna razón por la que redux-observable sea mejor que redux-saga porque ... no lo es. 😆
tl; dr hay pros y contras para ambos. Muchos encontrarán uno más intuitivo que el otro, pero ambos son complejos de aprender de diferentes maneras si no conoce RxJS (redux-observable) o generadores / "efectos como datos" (redux-saga).
Resuelven el mismo problema de maneras extremadamente similares, pero tienen algunas diferencias fundamentales que solo se vuelven realmente aparentes una vez que las usas lo suficiente.
redux-observable difiere casi todo a RxJS idiomático. Entonces, si tiene conocimiento de RxJS (o lo obtiene), aprender y usar redux-observable es súper natural. Eso también significa que este conocimiento es transferible a otras cosas que no sean redux. Si decide cambiar a MobX, si decide cambiar a Angular2, si decide cambiar a un futuro atractivo X, es muy probable que RxJS pueda ayudarlo. Esto se debe a que RxJS es una biblioteca asíncrona genérica y, en muchos sentidos, es como un lenguaje de programación en sí mismo: todo el paradigma de "Programación reactiva". RxJS existió desde 2012 y comenzó como un puerto de Rx.NET (hay "puertos" en casi todos los idiomas principales, es muy útil ).
redux-saga proporciona sus propios operadores basados en el tiempo, por lo que si bien el conocimiento que adquiere sobre los generadores y el manejo de los efectos secundarios en este estilo de administrador de procesos es transferible, los operadores y el uso reales no se utilizan en ninguna otra biblioteca importante. Eso es un poco desafortunado, pero ciertamente no debería ser un factor decisivo en sí mismo.
También usa "efectos como datos" ( descritos aquí ), lo que puede ser difícil de entender al principio, pero significa que su código redux-saga en realidad no realiza los efectos secundarios. En cambio, las funciones de ayuda que usa crean objetos que son como tareas que representan la intención de hacer el efecto secundario y luego la biblioteca interna lo realiza por usted. Esto hace que las pruebas sean extremadamente fáciles, sin la necesidad de burlarse y es muy atractivo para algunas personas. Sin embargo, personalmente he descubierto que significa que las pruebas de su unidad vuelven a implementar gran parte de la lógica de su saga, lo que hace que esas pruebas no sean muy útiles IMO (esta opinión no es compartida por todos)
La gente a menudo pregunta por qué no hacemos algo así con redux-observable: para mí es fundamentalmente incompatible con la Rx idiomática normal.
En Rx, utilizamos operadores como
.debounceTime()
que encapsula la lógica requerida para eliminar el rebote, pero eso significa que si quisiéramos crear una versión que no realice el rebote y en su lugar emite objetos de tarea con la intención, usted '' ahora he perdido el poder de Rx porque ya no puedes encadenar operadores porque estarían operando en ese objeto de tarea, no el resultado real de la operación.
Esto es realmente difícil de explicar con elegancia.
Nuevamente requiere una gran comprensión de Rx para comprender la incompatibilidad de los enfoques.
Si
realmente
quieres algo así, echa un vistazo a
redux-cycles
que usa cycle.js y en su mayoría tiene esos objetivos.
Creo que requiere demasiada ceremonia para mis gustos, pero te animo a que le des un giro si te interesa.
Como mencionó ThorbenA, no rehuyo admitir que redux-saga es actualmente (13/10/16) el claro líder en la gestión de efectos secundarios complejos para redux. Se inició antes y tiene una comunidad más sólida. Por lo tanto, hay una gran atracción al usar el estándar de facto sobre el nuevo chico en el bloque. Creo que es seguro decir que si usa cualquiera de ellos sin conocimiento previo, se encontrará con cierta confusión. Ambos usamos conceptos bastante avanzados que una vez que "entiendes", hace que la gestión de efectos secundarios sea mucho más fácil, pero hasta entonces muchos tropiezan.
El consejo más importante que puedo dar es que no traiga ninguna de estas bibliotecas antes de que las necesite. Si solo está haciendo llamadas simples ajax, probablemente no las necesite. redux-thunk es estúpido, fácil de aprender y proporciona lo suficiente para lo básico, pero cuanto más complejo es el asíncrono, más difícil (o incluso imposible) se vuelve para redux-thunk. Pero para redux-observable / saga de muchas maneras, brilla más cuanto más complejo es el asíncrono. ¡También hay mucho mérito en usar redux-thunk con uno de los otros (redux-observable / saga) en el mismo proyecto! redux-thunk para sus cosas simples comunes y luego solo usando redux-observable / saga para cosas complejas. Esa es una excelente manera de seguir siendo productivo, por lo que no estás luchando contra redux-observable / saga por cosas que serían triviales con redux-thunk.
Redux-Observable es una biblioteca increíble, la utilizamos en producción durante 1,5 años sin ningún problema hasta ahora, es perfectamente comprobable y se puede integrar fácilmente con cualquier marco. Estamos teniendo canales de socket paralelos extremadamente sobrecargados y lo único que nos está salvando de las congelaciones es Redux-Observable
Tengo 3 puntos que me gustaría mencionar aquí.
1. Complejidad y curva de aprendizaje.
Redux-saga supera fácilmente a redux-observable aquí. Si solo necesita una simple solicitud para obtener la autorización y no desea usar redux-thunk por alguna razón, debe considerar usar redux-saga, es más fácil de entender.
Si no tiene conocimiento previo de Observable, será un dolor para usted y su equipo lo guiará :)
2. ¿Qué pueden ofrecerme Observable y RxJS?
Cuando se trata de lógica asíncrona, Observable es su cuchillo suizo, Observable puede hacer literalmente casi todo por usted. Nunca debe compararlos con promesas o generadores, es mucho más poderoso, es lo mismo que comparar Optimus Prime con Chevrolet.
¿Y qué hay de RxJS? Es como lodash.js, pero para la lógica asíncrona, una vez que entras, nunca cambiarás a algo diferente.
3. Extensión reactiva
Solo revisa este enlace
La extensión reactiva se implementa para todos los lenguajes de programación modernos, es solo su clave para la programación funcional.
Así que dedique su tiempo sabiamente a aprender RxJS y use redux-observable :)
Utilizo Redux-Observable sobre Redux-Saga porque prefiero trabajar con observables sobre generadores. Lo uso con RXJS, que es una biblioteca poderosa para trabajar con flujos de datos. Piense en ello como lodash para asíncrono. En términos de inconvenientes, problemas y compromisos al elegir uno sobre el otro, eche un vistazo a esta respuesta de Jay Phelps:
redux-saga como proyecto ha existido por más tiempo que redux-observable, por lo que ese es sin duda uno de los principales puntos de venta. Encontrará más documentación, ejemplos y es probable que tenga una mejor comunidad para obtener apoyo.
La respuesta es que los operadores y las API que aprende en redux-saga no son tan transferibles como aprender RxJS, que se usa en todas partes. redux-observable es súper súper súper simple internamente, en realidad solo te brinda una forma natural de usar RxJS. Entonces, si conoce RxJS (o quiere), es un ajuste extremadamente natural.
Mi consejo en este momento para la mayoría de las personas es que si tienes que preguntar cuál debes usar, probablemente deberías elegir redux-saga.
Valoro la transferibilidad entre idiomas y tiempos de ejecución que tiene Rx. Incluso si su aplicación no cambiará de idioma, su carrera puede hacerlo. Obtenga el mejor apalancamiento posible en su aprendizaje, sin importar cómo lo evalúe usted mismo. Es una gran puerta de entrada a .Net LINQ en particular.