React Native - Como eu posso fazer isso com redux?

JavaScript

React Native

21/06/2019

Estou começando agora com React native, e agora me deparei com a seguinte situação.. primeiramente o projeto que estou usando já vem com algumas coisas prontas, então já foi criada a store, tem algumas coisas usando o redux no app já, e eu fiz a seguinte tela para estudar:
import React, { Component } from ''react'';
import { View, Text, TextInput, StyleSheet} from ''react-native'';
import { Actions } from ''react-native-router-flux'';
import { MyButton } from ''../../components'';

//import { mudaTexto } from ''../../actions'';
//import { connect } from ''react-redux'';


class Screen1 extends Component {

constructor(props){
super(props)
this.state ={resultadoText:"", texto:"" }
this.mudaTexto = this.mudaTexto.bind(this)
}

//Action
mudaTexto(){
let textoU = this.state.texto
let s = this.state
s.resultadoText = textoU
this.setState(s)
}

render(){
return(
<View style={[styles.view, {flex:1}]}>
<Text style={[styles.txt, {marginTop:0}]}>Essa é a tela 1</Text>
<TextInput placeholder=''Escreva aqui seu texto''
style={[styles.txt, {fontSize:25}]}
onChangeText={(texto) => {this.setState()}}>
</TextInput>
<MyButton onPress={this.mudaTexto} text=''Enviar texto''/>
<Text
style={[styles.txt]}>{this.state.resultadoText}
</Text>
<View style={styles.view} >
<MyButton onPress={()=>Actions.home()} text=''Voltar'' />
</View>
</View>
)
}
}
const styles = StyleSheet.create({
txt: {
fontSize:40,
textAlign:''center'',
marginTop:30
},
view: {
justifyContent:"center"
}

})
export default Screen1
//export default connect (Screen1)


Eu estou muito perdido com redux, já sei pra que serve, etc, mas não consigo entender direito como faz. Então nesse meu contexto, como eu poderia pegar essa função mudaTexto() que precisa saber o state para funcionar e passo ela pra uma pasta src/Actions por exemplo? Como precisa ficar o código da action, do reducer e da screen nesse caso? Eu sei que é pedir muito, mas vai deixar um estagiário que conseguiu começar na área agora mto feliz kkkk Qro chegar lá segunda já entendendo disso kkkk
Raphael

Raphael

Curtidas 0

Melhor post

Julio

Julio

22/06/2019

Cara, da uma olhada rápida nesse curso https://www.devmedia.com.br/react-redux/
Vai te dar base rapidão pra conseguir fazer isso aí. Ao contrário, sem entender como funciona o Redux, tu não vai sair da inércia
GOSTEI 1

Mais Respostas

Raphael

Raphael

21/06/2019

Cara, da uma olhada rápida nesse curso https://www.devmedia.com.br/react-redux/
Vai te dar base rapidão pra conseguir fazer isso aí. Ao contrário, sem entender como funciona o Redux, tu não vai sair da inércia
Shoow mano vlw
GOSTEI 0
POSTAR