stephengrider / reactnativereduxcasts Goto Github PK
View Code? Open in Web Editor NEWCompanion Repo for The Complete React Native and Redux Course
Companion Repo for The Complete React Native and Redux Course
.
Hi. I purchased your course on Udemy and it is becoming increasingly complicated to follow along as the folder structure has changed now. There is no longer any android.app.js and ios.app.js and the whole structure has changed. as such Its becoming very tedious to follow along with your course now while the folder structure and all the references are now a bit changed. Its becoming hard to debug as well.
Please update the code to the newer format. Thanks.
Hi Stephen,
Can you just doublecheck if you have the repo set up as you thought you had. The readme notes multiple branches mapped to videos - but I can only see one.
It might be good to give the clone command for cloning all branches locally too. Something I always have to google and figure out when I need it.
Cheers,
Stu
Hey man,
I've just finished your course and now I'm trying to get a FlatList working in the employeeList component:
ReactNativeReduxCasts/manager/src/components/EmployeeList.js
there are more people with the same question. could you please give us a hand?
thanks
Your YouTube tutorial links for react native redux are not working
Link : https://www.youtube.com/watch?v=ZlmWF3h3SYo&list=PL_RzKMPCc5z4YrOFWSzH8g6fHm3mVWlJ1&index=84
I don't check this repo's issues, if you have questions or need help troubleshooting please either email me at [email protected] or message me directly on Udemy.
import React, { Component } from 'react'; import { View, Text, StyleSheet, ScrollView, Image, ImageBackground, TextInput, TouchableOpacity } from 'react-native'; import FontAwesome from 'react-native-vector-icons/FontAwesome'; import AntDesign from 'react-native-vector-icons/AntDesign'; import SimpleLineIcons from 'react-native-vector-icons/SimpleLineIcons'; export default class Home extends Component { constructor(props) { super(props) this.state = {} } render() { const { navigation } = this.props return ( <Text style={{ color: '#41EFD7', fontSize: 30, fontWeight: '900', marginTop: -10, marginLeft: -8 }}>store <TouchableOpacity style={styles.round1} onPress={()=>navigation.navigate('List')}> <Image source={{ uri: 'https://assets.myntassets.com/h_1440,q_90,w_1080/v1/assets/images/2414313/2018/3/13/11520926368526-HERENOW-Men-Red--Black-Regular-Fit-Checked-Casual-Shirt-8881520926368447-1.jpg' }} style={{ width: 62, height: 60, borderRadius: 40 }} /> <Text style={{ color: 'black', fontSize: 13, fontWeight: '400', marginLeft: 12 }}> Shirt <TouchableOpacity style={styles.round1} onPress={()=>navigation.navigate('List')}> <Image source={{ uri: 'https://www.levi.in/dw/image/v2/BBRC_PRD/on/demandware.static/-/Sites-LeviMaster-Catalog/en_IN/dw66e1142d/images/hi-res/A02370013/A02370013_01_Front.jpg?sw=451&sh=600' }} style={{ width: 62, height: 60, borderRadius: 40 }} /> <Text style={{ color: 'black', fontSize: 13, fontWeight: '400', marginLeft: 12 }}> Pant <TouchableOpacity style={styles.round1} onPress={()=>navigation.navigate('List')}> <Image source={{ uri: 'https://assets.myntassets.com/h_1440,q_90,w_1080/v1/assets/images/11077774/2019/12/24/29bdd2c8-3e2f-43aa-8ce5-55f3a501a4fa1577166621272-Difference-of-Opinion-Men-Sea-Green-Solid-Round-Neck-T-shirt-1.jpg' }} style={{ width: 62, height: 60, borderRadius: 40 }} /> <Text style={{ color: 'black', fontSize: 13, fontWeight: '400', marginLeft: 12 }}> T shirt <TouchableOpacity style={styles.round1} onPress={()=>navigation.navigate('List')}> <Image source={{ uri: 'https://assets.myntassets.com/h_1440,q_90,w_1080/v1/assets/images/15744424/2021/12/3/9f1a2b17-19b4-47e0-97bd-f98b6f32b28d1638531774728-HRX-by-Hrithik-Roshan-Men-Red-Solid-Sliders-5141638531774459-1.jpg' }} style={{ width: 62, height: 60, borderRadius: 40 }} /> <Text style={{ color: 'black', fontSize: 13, fontWeight: '400', marginLeft: 12 }}> Slides <TouchableOpacity style={styles.round1} onPress={()=>navigation.navigate('List')}> <Image source={{ uri: 'https://assets.myntassets.com/h_1440,q_90,w_1080/v1/assets/images/11097166/2019/12/10/cb47b7dc-e28a-4559-8388-8b82762b27681575980908117-HIGHLANDER-Men-White-Sneakers-661575980906633-1.jpg' }} style={{ width: 62, height: 60, borderRadius: 40 }} /> <Text style={{ color: 'black', fontSize: 13, fontWeight: '400', marginLeft: 12 }}> Shoes <TouchableOpacity style={styles.round1} onPress={()=>navigation.navigate('List')}> <Image source={{ uri: 'https://assets.myntassets.com/h_1440,q_90,w_1080/v1/assets/images/15069014/2021/11/8/fb8e7531-f166-4445-b571-9d60da49c3221636349992295-WROGN-ACTIVE-Men-Shorts-5511636349991704-1.jpg' }} style={{ width: 62, height: 60, borderRadius: 40 }} /> <Text style={{ color: 'black', fontSize: 13, fontWeight: '400', marginLeft: 10 }}> Shorts <TouchableOpacity style={styles.round1} onPress={()=>navigation.navigate('List')}> <Image source={{ uri: 'https://assets.myntassets.com/h_1440,q_90,w_1080/v1/assets/images/13036796/2021/1/6/bb6d18c9-39c1-4632-bc4a-f452606965ef1609906124788-WROGN-Men-Silver-Toned-Analogue-Watch-WRG00048A-802160990612-1.jpg' }} style={{ width: 62, height: 60, borderRadius: 40 }} /> <Text style={{ color: 'black', fontSize: 13, fontWeight: '400', marginLeft: 5 }}> Watches <TouchableOpacity style={styles.round1} onPress={()=>navigation.navigate('List')}> <Image source={{ uri: 'https://assets.myntassets.com/h_1440,q_90,w_1080/v1/assets/images/8366729/2019/4/9/80293745-687c-496b-8617-147d85f0190c1554787884728-Roadster-Unisex-Sunglasses-6061554787884436-1.jpg' }} style={{ width: 62, height: 60, borderRadius: 40 }} /> <Text style={{ color: 'black', fontSize: 13, fontWeight: '400', marginLeft: 10 }}> Glass <TouchableOpacity style={styles.round1} onPress={()=>navigation.navigate('List')}> <Image source={{ uri: 'https://rukminim1.flixcart.com/image/416/416/ktx9si80/mobile/d/n/p/narzo-50a-rmx3430-realme-original-imag75kymngzyabx.jpeg?q=70' }} style={{ width: 62, height: 60, borderRadius: 40 }} /> <Text style={{ color: 'black', fontSize: 13, fontWeight: '400', marginLeft: 10 }}> Mobile <TouchableOpacity style={styles.round1} onPress={()=>navigation.navigate('List')}> <Image source={{ uri: 'https://assets.myntassets.com/h_1440,q_90,w_1080/v1/assets/images/10986394/2019/12/13/cfa102dd-0c6c-48ff-8f59-fbe58f7190771576235303709-HRX-By-Hrithik-Roshan-Women-Set-of-3-Above-Ankle-Socks-50315-1.jpg' }} style={{ width: 62, height: 60, borderRadius: 40 }} /> <Text style={{ color: 'black', fontSize: 13, fontWeight: '400', marginLeft: 12 }}> Socks <TouchableOpacity style={styles.container3} onPress={()=>navigation.navigate('List')}> <ImageBackground source={{ uri: 'https://assets.myntassets.com/h_1440,q_90,w_1080/v1/assets/images/15410742/2021/10/19/7680a91b-0a9d-4a2f-9742-8f12320f137a1634619669509-Nautica-Men-Sweatshirts-8161634619669088-1.jpg' }} style={{ width: 420, height: 350 }} > <Text style={{ color: 'white', fontSize: 20, fontWeight: '500', marginLeft: 10, marginTop: 280 }}>Starting at 499/- <Text style={{ color: 'white', fontSize: 15, fontWeight: '500', marginLeft: 5 }}> Winter Wear <Text style={{ color: 'black', fontSize: 20, fontWeight: '400', marginLeft: 10 }}> New Year Offers <TouchableOpacity style={styles.nn1} onPress={()=>navigation.navigate('List')}> <Image source={{ uri: 'https://assets.myntassets.com/h_1440,q_90,w_1080/v1/assets/images/14791564/2021/8/10/82354f83-0ee9-4410-9faf-d85c899a9d601628573145332-ADIDAS-Originals-Men-Tshirts-1931628573144946-1.jpg' }} style={{ width: 246, height: 150 }} imageStyle={{ borderRadius: 10, }} /> <Image source={{ uri: 'https://1000logos.net/wp-content/uploads/2016/10/Adidas-Logo-2005.jpg' }} style={{ width: 246, height: 35 }} imageStyle={{ borderRadius: 10, }} /> <Text style={{ color: 'white', fontSize: 15, fontWeight: '400', textAlign: 'center', marginTop: 5, }}> Winter Best Seller <Text style={{ color: 'white', fontSize: 15, fontWeight: '400', textAlign: 'center' }}> 50-80% OFF <TouchableOpacity style={styles.nn2} onPress={()=>navigation.navigate('List')}> <Image source={{ uri: 'https://assets.myntassets.com/h_1440,q_90,w_1080/v1/assets/images/14818904/2021/10/5/e81e1764-4ad0-44eb-a38f-65ee0a1c4bb01633431263600-Jack--Jones-Men-Sweatshirts-3441633431262914-1.jpg' }} style={{ width: 246, height: 150 }} imageStyle={{ borderRadius: 10, }} /> <Image source={{ uri: 'https://www.ambiencemalls.com/logos/07-04-02am_08-11-2019-jack_and_jones.jpg' }} style={{ width: 246, height: 35 }} imageStyle={{ borderRadius: 10, }} /> <Text style={{ color: 'white', fontSize: 15, fontWeight: '400', textAlign: 'center', marginTop: 5, }}> T Shirt Best Seller <Text style={{ color: 'white', fontSize: 15, fontWeight: '400', textAlign: 'center' }}> 40-60% OFF <TouchableOpacity style={styles.nn3} onPress={()=>navigation.navigate('List')}> <Image source={{ uri: 'https://assets.myntassets.com/h_1440,q_90,w_1080/v1/assets/images/14528272/2021/9/6/14a05ea1-844c-4e6b-906a-c6c6c55224a01630912341216-KYRIE-LOW-4-EP-4081630912340774-1.jpg' }} style={{ width: 246, height: 150 }} imageStyle={{ borderRadius: 10, }} /> <Image source={{ uri: 'https://1000logos.net/wp-content/uploads/2016/10/Adidas-Logo-2005.jpg' }} style={{ width: 246, height: 35 }} imageStyle={{ borderRadius: 10, }} /> <Text style={{ color: 'white', fontSize: 15, fontWeight: '400', textAlign: 'center', marginTop: 5, }}> Winter Best Seller <Text style={{ color: 'white', fontSize: 15, fontWeight: '400', textAlign: 'center' }}> 50-80% OFF ); } } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: 'white', }, Header: { height: 60, width: '100%', flexDirection: 'row', }, container1: { height: 40, width: 40, marginTop: 5, marginLeft: 1, alignItems: 'center', justifyContent: 'center' }, logo: { height: 40, width: 80, marginLeft: 10, flexDirection: 'row', backgroundColor: 'white', marginTop: 10, }, search: { height: 25, width: 25, marginTop: 15, marginLeft: 60, }, notify: { height: 25, width: 25, marginTop: 15, marginLeft: 20, }, wishlist: { height: 25, width: 25, marginTop: 15, marginLeft: 20, }, bag: { height: 25, width: 25, marginTop: 15, marginLeft: 20, }, container2: { height: 90, width: 360, }, round1: { height: 60, width: 60, marginLeft: 10, marginTop: 10, borderRadius: 40, }, container3: { height: 380, width: 400, marginTop: 15, }, slide1: { width: 380, height: 350, borderRadius: 10, backgroundColor: 'red' }, container4: { height: 380, width: 370, marginTop: 15, }, nn1: { width: 250, height: 250, marginLeft: 15, borderWidth: 2, backgroundColor: 'grey' }, innerlogo1: { height: 35, width: 250, }, nn2: { width: 250, height: 250, marginLeft: 15, borderWidth: 2, backgroundColor: 'grey' }, innerlogo2: { height: 35, width: 250, }, nn3: { width: 250, height: 250, marginLeft: 15, borderWidth: 2, backgroundColor: 'grey' }, innerlogo3: { height: 35, width: 250, }, })
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.