Skip to content
Merged
Show file tree
Hide file tree
Changes from 2 commits
Commits
File filter

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added challenges/assets/eslint.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added challenges/assets/prettier.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added challenges/assets/qrcode-ios-demo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added challenges/assets/qrcode-slides.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added challenges/assets/react-query.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added challenges/assets/storybook.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added challenges/assets/typescript.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added challenges/assets/vector-demo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added challenges/assets/visual-studio-code.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion challenges/data/02.md
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ We are going to [use `TanStack Query`, here is a video explaining why](https://w

> React Query is presented as a library of hooks for loading, caching, and modifying asynchronous data in React. It offers many features: a simple query with error and load status, dependent or parallel queries, and paged queries. It also includes simple and efficient cache management and ensures compatibility with server-side rendering, notably NextJS.

![ReactQuery](https://user-images.githubusercontent.com/81434852/149154444-51df761c-bf3b-45c0-b3a3-a1c924a490bf.png)
![ReactQuery](https://raw.githubusercontent.com/flexbox/react-native-bootcamp/2a8553c78eaadef2ce3ff874fb93ae716fc7fce7/challenges/assets/react-query.png)

Here's how it works:

Expand Down
4 changes: 2 additions & 2 deletions challenges/ecosystem/01.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# React Native Extensions in Visual Studio Code

<img src="https://user-images.githubusercontent.com/81434852/149154994-1c9168f3-da63-486d-9123-0ee9cc06c14f.png" width="100px" height="100px" alt="VSCode Logo" />
<img src="https://raw.githubusercontent.com/flexbox/react-native-bootcamp/2a8553c78eaadef2ce3ff874fb93ae716fc7fce7/challenges/assets/visual-studio-code.png" width="100px" height="100px" alt="VSCode Logo" />

## 📡 What you will learn

Expand Down Expand Up @@ -32,7 +32,7 @@ code --install-extension dsznajder.es7-react-js-snippets

## 👨‍🚀 Exercise 1

The objective of this challenge is to __install a bunch of extensions__ and then __write a small documentation__ you can refer to in the future.
The objective of this challenge is to **install a bunch of extensions** and then **write a small documentation** you can refer to in the future.

If you are not familiar, you should read the art of [writing good markdown for documentation](https://docs.github.com/en/github/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax) that sparks joy ✨

Expand Down
4 changes: 2 additions & 2 deletions challenges/ecosystem/02.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# Integrating React Native with Linters

| <img src="https://user-images.githubusercontent.com/81434852/149155293-6b2560a6-3f26-482d-89d0-80c1c3ce98fb.png" width="100px" height="100px" alt="ESLint Logo" /> | <img src="https://user-images.githubusercontent.com/81434852/149155018-cf0a16f4-ebfb-4608-bb49-500b324773b3.png" width="100px" height="100px" alt="Prettier Logo" /> |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <img src="https://raw.githubusercontent.com/flexbox/react-native-bootcamp/2a8553c78eaadef2ce3ff874fb93ae716fc7fce7/challenges/assets/eslint.png" width="100px" height="100px" alt="ESLint Logo" /> | <img src="https://raw.githubusercontent.com/flexbox/react-native-bootcamp/2a8553c78eaadef2ce3ff874fb93ae716fc7fce7/challenges/assets/prettier.png" width="100px" height="100px" alt="Prettier Logo" /> |
| -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |

## 📡 What you will learn

Expand Down
4 changes: 2 additions & 2 deletions challenges/ecosystem/03.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# TypeScript with the React Native Ecosystem

<img src="https://user-images.githubusercontent.com/81434852/149155512-f5ee605c-509c-4f46-8fcc-231840bd5013.png" width="100px" height="100px" alt="Typescript Logo" />
<img src="https://raw.githubusercontent.com/flexbox/react-native-bootcamp/2a8553c78eaadef2ce3ff874fb93ae716fc7fce7/challenges/assets/typescript.png" width="100px" height="100px" alt="Typescript Logo" />

## 📡 What you will learn

Expand Down Expand Up @@ -146,4 +146,4 @@ import { ScreenContainer } from "~/components/ScreenContainer";

Check [this diff if you want to know how](https://github.com/flexbox/react-native-bootcamp/commit/4ca400322590bfdda05dadcfe6bc6f516dd61fa0).

_If you have an error you can [add the babel plugin `module-resolver`](https://github.com/flexbox/react-native-bootcamp/commit/05ad23e1e5ab6f5630c41df3e4eeb63b057db7e9)_
_If you have an error you can [add the babel plugin `module-resolver`](https://github.com/flexbox/react-native-bootcamp/commit/05ad23e1e5ab6f5630c41df3e4eeb63b057db7e9)_
2 changes: 1 addition & 1 deletion challenges/ecosystem/04.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# Design System in React Native with Storybook

<img src="https://user-images.githubusercontent.com/81434852/149155798-e564e0c7-dcb2-4d24-b426-e41edaa8776b.png" width="100px" height="100px" alt="Storybook Logo" />
<img src="https://raw.githubusercontent.com/flexbox/react-native-bootcamp/2a8553c78eaadef2ce3ff874fb93ae716fc7fce7/challenges/assets/storybook.png" width="100px" height="100px" alt="Storybook Logo" />

## 📡 What you will learn

Expand Down
8 changes: 4 additions & 4 deletions hackathon/react-native-heroes/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,10 +16,10 @@ yarn start
<img width="150px" src="https://graphql-engine-cdn.hasura.io/img/powered_by_hasura_primary_lightbg.svg" />
</a>

## Slides
## Slides

![image](https://user-images.githubusercontent.com/81434852/155844860-61014bc6-ccdb-4670-86af-c1fbc3a913f3.png)
![image](https://raw.githubusercontent.com/flexbox/react-native-bootcamp/2a8553c78eaadef2ce3ff874fb93ae716fc7fce7/challenges/assets/qrcode-slides.png)

## IOS Demo
## IOS Demo

![image](https://user-images.githubusercontent.com/81434852/155844888-15989281-1249-489b-b76d-8df6589a16cc.png)
![image](https://raw.githubusercontent.com/flexbox/react-native-bootcamp/2a8553c78eaadef2ce3ff874fb93ae716fc7fce7/challenges/assets/qrcode-ios-demo.png)
8 changes: 2 additions & 6 deletions hackathon/svg-icons/readme.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,18 +6,14 @@

## Demo

<img width="320" src="https://user-images.githubusercontent.com/81434852/160851859-8a8d7aa1-224d-4974-9782-4390b733bc8a.png">
<img width="320" src="https://raw.githubusercontent.com/flexbox/react-native-bootcamp/2a8553c78eaadef2ce3ff874fb93ae716fc7fce7/challenges/assets/vector-demo.png">

## Usage

```jsx
import React from "react";
import { StyleSheet, ScrollView } from "react-native";
import {
AlienGun,
RoboticHand,
VrProgram,
} from "./src/components/icons";
import { AlienGun, RoboticHand, VrProgram } from "./src/components/icons";

export default function App() {
return (
Expand Down