Updated rec#7 files

docs/_data/schedule.yaml

@@ -826,7 +826,7 @@
     handout: ""
     name: "Mobile + React Native"
     quiz: ""
-    slides: ""
+    slides: "https://github.com/CMU-17-356/cmu-17-356.github.io/raw/main/resources/recitations/2024/17356%20-%20Recitation%20%237.pdf?download="
 
 - date: Tue Mar 19
   homework:

docs/_data/this_week.yaml

@@ -25,4 +25,4 @@ recitation:
   handout: ""
   name: "Mobile + React Native"
   quiz: ""
-  slides: ""
+  slides: "https://github.com/CMU-17-356/cmu-17-356.github.io/raw/main/resources/recitations/2024/17356%20-%20Recitation%20%237.pdf?download="

docs/recitations/reci7-mobile-react-native.md

@@ -0,0 +1,66 @@
+---
+title: Recitation 7 - Mobile + React Native
+---
+
+# Recitation 7: Mobile + React Native
+
+## Staff Overview
+- Nicholas Wernink & Alex Barrios
+- Emails: [[email protected]](mailto:[email protected]) & [[email protected]](mailto:[email protected])
+- Office Hours: Wed 2:30 - 4pm (Nicholas), Thu 12pm - 1pm (Alex)
+
+# React Native
+- Framework developed by Facebook
+- Allows building mobile applications using JavaScript and React
+
+## Benefits 
+- Cross-Platform Compatibility - Develop for iOS and Android with a single codebase
+- Native Look and Feel - Utilizes native components for a seamless user experience
+- Fast Development - Write code once, deploy everywhere, reducing development time
+- Community Support - Large community and ecosystem for resources and assistance
+
+## Usage of React Native
+- Developers write code in JavaScript and React Native translates this code into native components, which are rendered for a mobile UI
+- React Native is used to:
+   - Develop mobile applications
+   - Quickly build prototypes
+   - Develop MVP’s to validate concepts and gather user feedback
+
+## [More about React Native](https://www.youtube.com/watch?v=gvkqT_Uoahw)
+
+# Swift
+- Swift is a powerful and intuitive programming language developed by Apple
+- Designed for building apps for iOS, macOS, watchOS, and tvOS
+
+## Key Features 
+- Safety - Offers built-in safeguards to prevent errors and improve code reliability
+- Speed - Optimized for performance, allowing developers to write fast and efficient code
+- Expressive - Concise syntax and modern features enhance readability and maintainability
+- Interoperability - Seamlessly works with Objective-C, allowing integration with existing codebases
+
+## [More about Swift](https://www.youtube.com/watch?v=nAchMctX4YA)
+
+# Kotlin
+- Kotlin is a statically typed programming language developed by JetBrains
+- Officially supported by Google for Android development since 2017
+
+## Key Features 
+- Conciseness - Reduces boilerplate code, making development more efficient
+- Safety - Provides null safety features to prevent common runtime errors
+- Interoperability - Seamlessly integrates with existing Java code and libraries
+   - Kotlin is compiled to bytecode like Java
+- Functional Programming - Supports functional programming paradigms for cleaner code
+
+## [More about Kotlin](https://www.youtube.com/watch?v=xT8oP0wy-A0)
+
+# React Native Expo Demo
+1. Download the Expo Go app on your smartphone
+2. git clone https://github.com/CMU-17-356/react-native-todo-app
+3. yarn install
+4. yarn start
+5. Either view by scanning QR code on your mobile device or use a simulator on your computer
+
+
+
+
+

mkdocs.yml

@@ -70,7 +70,7 @@ nav:
       - Recitation 4: recitations/reci4-testing.md
       - Recitation 5: recitations/reci5-docker-kubernetes.md
       - Recitation 6: recitations/reci6-databases-storage.md
-    # - Recitation 7: recitations/reci7-.md
+      - Recitation 7: recitations/reci7-mobile-react-native.md
     # - Recitation 8: recitations/reci8-.md
     # - Recitation 9: recitations/reci9-react-native.md
   - Dronuts: