Teacher? I might be misremembering but I thought you were trying to learn on your own!
I actually enrolled in a app development program last fall!
So I will have a shiny degree and all, well hopefully considering how much problem I have.XD Having the classes online thanks to covid really isn't helping me learn AND the classes are in French. But I do hope it is giving me enough for a foundation that I can manage to learn and do projects on my own much better.
Then good luck to you! I think you've made the right choice by enrolling in such a program... it'll help you on staying focused on clearly defined goals!I actually enrolled in a app development program last fall!
Not a mobile dev, but I think it's fine to stick with VSCode as editor, and only use Xcode for testing the app (IIRC React Native has its own way of launching the Xcode device emulator?) or eventually publishing it to the app store.
I use React Native at work, I can't remember the last time I opened Xcode beyond setting up code signing. Ideally, most of the work will be done in Javascript land, you only occasionally need to touch native code if debugging/working with advanced, platform-specific stuff.
pertti@Perttis-Mac-mini ios % pod install
Analyzing dependencies
Fetching podspec for [ICODE]DoubleConversion[/ICODE] from [ICODE]../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec[/ICODE]
Fetching podspec for [ICODE]RCT-Folly[/ICODE] from [ICODE]../node_modules/react-native/third-party-podspecs/RCT-Folly.podspec[/ICODE]
Fetching podspec for [ICODE]glog[/ICODE] from [ICODE]../node_modules/react-native/third-party-podspecs/glog.podspec[/ICODE]
/Library/Ruby/Gems/2.6.0/gems/ffi-1.15.0/lib/ffi/library.rb:275: [BUG] Bus Error at 0x0000000100814000
ruby 2.6.3p62 (2019-04-16 revision 67580) [universal.arm64e-darwin20]
-- Crash Report log information --------------------------------------------
See Crash Report log file under the one of following:
* ~/Library/Logs/DiagnosticReports
* /Library/Logs/DiagnosticReports
for more details.
Don't forget to include the above Crash Report log file in bug reports.Ah yeah precisely ! I'm on the new Mac mini with the M1. Haven't really had any problems thus far so never occurred to me that might be the issue.
Seems there was an issues with trying to update ruby, but I managed it now and it downloaded everything!
BUT now that I open the correct workspace in Xcode, there is hundreds and hundreds of errors haha. Think I need to just get started and stick with vscode and move onto Xcode later.
Have like 40 days to make an app that is so cool and impressive that a panel of experts think I deserve to graduate. No pressure haha
const savePostData = (downloadURL) => {
firebase.firestore()
.collection('posts')
.doc(firebase.auth().currentUser.uid)
.collection("userPosts")
.add({
downloadURL,
caption,
createdAt: firebase.firestore.FieldValue.serverTimestamp()
}).then((function(){
this.props.navigation.dispatch(StackActions.popToTop());
//props.navigation.popToTop()
}))
}
Well, from the top of my head and googling the API quickly it seems like it returns as being undefined, meaning you missed a step in there. Is FieldValue supposed to have some sort of initialization? Is serverTimestamp supposed to be initialized itself? I don't know this at all but that's the usual issue.I have this problem where the serverTimestamp gives me an error and I don't know why? Ive been googling and it seems right to me?JavaScript:const savePostData = (downloadURL) => { firebase.firestore() .collection('posts') .doc(firebase.auth().currentUser.uid) .collection("userPosts") .add({ downloadURL, caption, createdAt: firebase.firestore.FieldValue.serverTimestamp() }).then((function(){ this.props.navigation.dispatch(StackActions.popToTop()); //props.navigation.popToTop() })) }
This is the error
Ah yeah I'm using Add since I'm adding a whole new entry into the database. I was also reading that article as you posted before haha, I tried set also.XD
This is the sort of stuff that turned me off programming to be honest with you. Still, reading the error message, you have a few things to go on. The syntax is good, the issue is that the parent member appears to be undefined. Is there something that is supposed to happen to it, or do you have a way to debug and look at its state before you call it?
import firebase from 'firebase/app';
import 'firebase/auth';
import 'firebase/database';
import 'firebase/firestore';
import 'firebase/storage';
const firebaseConfig = {
apiKey: "1234567",
authDomain: "2345678",
projectId: "1234567",
storageBucket: "123456",
messagingSenderId: "1234567",
appId: "1234567",
measurementId: "1234567"
};
//firebase.initializeApp(firebaseConfig)
export default !firebase.apps.length ? firebase.initializeApp(firebaseConfig) : firebase.app().firestore();I'm afraid to say that I really don't know much about javascript and those APIs in general, so I could only offer those vague ideas. I do wonder what you have in the way of logs and debugs tools. For instance, can you try to access that structure you have in increasing levels of depth to see where the initialization fails?
I'm not familiar with firebase but from what I can see:
firebase.apps.length. firebase.initializeApp() returns a Firebase App instance, while firebase.app().firestore() returns the Firestore service, and both have different apis.firebase.apps.length if you only need to initialise Firebase once. I imagine your local Firebase module could look something like this:// assuming this is located at src/firebaseApp.js
import firebase from "firebase/app";
// your other code here
// Initialize Firebase
const firebaseApp = firebase.initializeApp(firebaseConfig);
export default firebaseApp;import firebaseApp from "./firebaseApp";
firebaseApp.firestore().collection(...)// note that one is from the package and the other one is from your initialised Firebase App instance
import firebase from "firebase/app";
import firebaseApp from "./firebaseApp";
// this is ok
console.log(firebase.firestore.FieldValue.serverTimestamp());
// this is not. FieldValue is undefined here, so now it's trying to get serverTimestamp from undefined, resulting in that unhelpful error
console.log(firebaseApp.firestore.FieldValue.serverTimestamp());const firebaseApp = !firebase.apps.length ? firebase.initializeApp(firebaseConfig) : firebase.app().firestore();
export default firebaseAppMy understanding is that the firebaseApp module would be cached (more info on module caching in Nodejs) so
firebase.initializeApp() gets called only once no matter how many times you import firebaseApp. Maybe it depends on how your app is set up. To be sure, you can do a console.log(firebase.apps.length) at the last line in that file and check if that gets printed multiple times/is greater than 1 in a single session of the app. But anyway, if it works, it works
const [image, setImage] = useState(null);
const takePhoto = async () => {
if(camera){
const data = await camera.takePictureAsync(null)
setImage(data.uri);
}
navigation.navigate('Save', {image})
}import React, { Component } from 'react';
import { Text, View, TouchableOpacity} from 'react-native';
import * as Font from 'expo-font';
import FontAwesome5 from 'react-native-vector-icons/FontAwesome5'
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
const Stack = createStackNavigator();
const Settings = createStackNavigator();
import firebaseApp from './tools/firebase'
import { Provider } from 'react-redux'
import { createStore, applyMiddleware } from 'redux'
import rootReducer from './redux/reducers'
import thunk from 'redux-thunk'
const store = createStore(rootReducer, applyMiddleware(thunk))
import LandingScreen from './components/auth/Landing'
import RegisterScreen from './components/auth/Register'
import LoginScreen from './components/auth/Login'
import MainScreen from './components/Main'
import AddScreen from './components/main/Add'
import SaveScreen from './components/main/Save'
import SettingsScreen from './components/settings/Settings'
import PreferencesScreen from './components/settings/Preferences'
export class App extends Component {
constructor(props){
super(props);
this.state = {
loaded: false,
}
}
state = {
fontsLoaded: false,
};
async loadFonts() {
await Font.loadAsync({
// Load a font [ICODE]Montserrat[/ICODE] from a static resource
CormorantGaramond: require('./assets/fonts/Cormorant_Garamond/CormorantGaramond-LightItalic.ttf'),
// Any string can be used as the fontFamily name. Here we use an object to provide more control
'CormorantGaramond-SemiBold': {
uri: require('./assets/fonts/Cormorant_Garamond/CormorantGaramond-SemiBold.ttf'),
display: Font.FontDisplay.FALLBACK,
},
});
this.setState({ fontsLoaded: true });
}
componentDidMount(){
firebaseApp.auth().onAuthStateChanged((user) => {
if(!user){
this.setState({
loggedIn: false,
loaded: true,
})
}else {
this.setState({
loggedIn: true,
loaded: true,
})
}
})
this.loadFonts();
}
render() {
const {navigation} = this.props;
const {loggedIn, loaded} = this.state;
if(!loaded){
return(
<View style={{ flex: 1, justifyContent: 'center', alignItems: 'center'}}>
<Text>Loading</Text>
</View>
)
}
if(!loggedIn){
return (
<NavigationContainer>
<Stack.Navigator initialRouteName="Landing">
<Stack.Screen name="Landing" component={LandingScreen} options={{ headerShown: false}}></Stack.Screen>
<Stack.Screen name="Register" component={RegisterScreen} options={{ headerShown: false}}></Stack.Screen>
<Stack.Screen name="Login" component={LoginScreen} options={{ headerShown: false}}></Stack.Screen>
</Stack.Navigator>
</NavigationContainer>
);
}
function LogoTitle() {
return (
<Text
style={{
fontSize: 50,
fontFamily: 'CormorantGaramond',
//fontWeight: "bold"
}}
[QUOTE][/QUOTE]
Thirstily</Text>
);}
function Root(){
return (
<Settings.Navigator mode="modal">
<Settings.Screen
name="Preferences"
component={PreferencesScreen}
/>
<Settings.Screen
name="Settings"
component={SettingsScreen}
/>
</Settings.Navigator>
);
}
return (
<Provider store={store}>
<NavigationContainer>
<Stack.Navigator initialRouteName="Main"
screenOptions={{
headerShown: true,
headerTitle: props => <LogoTitle {...props} />,
headerStyle: {
//backgroundColor: '#f4511e',
height: 120
},
headerLeft: () => (
<TouchableOpacity
onPress={() => navigation.navigate('Root', { screen: 'Preferences'})}>
<FontAwesome5
name="address-card"
style={{ color: "#aaa", fontSize: 25, marginLeft: 10}} />
</TouchableOpacity>
),
headerRight: () => (
<TouchableOpacity
onPress={() => navigate('Settings')}>
<FontAwesome5
name="screwdriver"
style={{ color: "#aaa", fontSize: 25, marginRight: 10}} />
</TouchableOpacity>
),
}} >
<Stack.Screen name="Main" component={MainScreen}/>
<Stack.Screen name="Add" component={AddScreen} navigation={this.props.navigation}/>
<Stack.Screen name="Save" component={SaveScreen} navigation={this.props.navigation}/>
<Stack.Screen name="Root" component={Root} options={{ headerShown: false }}/>
</Stack.Navigator>
</NavigationContainer>
</Provider>
)
};
}
export default App
You have all my respect both for tackling this sort of training and learning such a gnarly language.
I know C# is very good for that, but not many school for that here in Paris that I've seen. Seems to be mostly web stuff or Python
Depends on which tool you wanna use as well right?I'm thinking about applying for programming studies again. Now I'm wondering which language would be the best to learn that will help me to do my game on the side.
I think my plan isn't to directly work in gamedev but more that I will be able to use what I learn from work and such that I can use it in my side project of making a game. I am learning a bit of Godot now and gdscript and anything that is close to that would be a win for me.
But as many say, learning the fundamentals of programming is useable across many languages.
definitely Python thenand anything that is close to that would be a win for me.
This may not be 'fun', but intro to C++ is probably going to get you the farthest for gamedev really if C# isn't available. Unreal's scripting is now done in a variation of it (UScript used to be very much like JS, but UE4 switched to a C++-derived scripting) for instance if you wanted to get a better handle on that. It's also good for general purpose coding too (so wuld Java, but that's going to have limited game dev use)I'm thinking about applying for programming studies again. Now I'm wondering which language would be the best to learn that will help me to do my game on the side.
for what it's worth - python is pretty easy to get a hang of
i did the gaming news bot without knowing python at all also - you can always use chatgpt to help out a bit
