English versionEN

Build a Full Stack React Native App with Oracle 23ai

Doug Drechsel has 30+ years working in Software Engineering. His current role is helping Developers easily adopt and incorporate Oracle 23ai database features into their development environment including Full Stack Development, micro services development

Please sign in to watch this workshop.

Bookmark

In this workshop, you will set up a local full-stack environment and create a React Native Mobile app that runs against that stack.

Agenda:

- Install Oracle 23ai Docker container

- Build and run Parse Server with the new Oracle Storage Adapter

- Build and run a Walking History React Native mobile app against the stack

Walking History is a React Native application that allows you to walk around New York City (or simulate that in a device emulator) and it tells you about the closest attraction or point of interest.  

This workshop has been presented at React Summit 2024, check out the latest edition of this React Conference.

FAQ

The instructor is Doug Drexel, a developer evangelist who has worked with Oracle for most of his career.

Oracle 23AI is a significant release that allows for JSON or NoSQL development against the full Oracle database, which can be used locally or in the cloud.

The SQL client is used to access and manage the local Oracle database instance, similar to how a Mongo shell is used.

Parse Server is a Node.js express app that acts as a mobile backend as a service, providing a full set of APIs for developing mobile and web apps.

You will need Docker, Node.js (recommended version 20.12 for Parse 7.0.0), an iOS or Android development environment, and a SQL client similar to Mongo shell.

Oracle 23AI offers features like property graphs, JSON relational duality, JavaScript stored procedures, and AI vector search.

The container database architecture allows multiple self-contained pluggable databases (PDBs) within a single container database, each managed independently while sharing the container's resources.

You can easily switch between local and cloud-based development by pointing the stack at different database instances, either locally or in the cloud.

The walking history application shows the nearest points of interest based on the user's location and provides information about them.

The workshop focuses on building a React Native app using a new stack from Oracle, specifically the Oracle 23AI release.

react native fullstack database

Doug Drechsel

37 min

11 Jun, 2024

Comments

Available in other languages:

Watch more workshops on topic

Relational Database Modeling for GraphQL

GraphQL Galaxy 2020

106 min

Relational Database Modeling for GraphQL

Top Content

Workshop

Adron Hall

In this workshop we'll dig deeper into data modeling. We'll start with a discussion about various database types and how they map to GraphQL. Once that groundwork is laid out, the focus will shift to specific types of databases and how to build data models that work best for GraphQL within various scenarios.
Table of contentsPart 1 - Hour 1 a. Relational Database Data Modeling b. Comparing Relational and NoSQL Databases c. GraphQL with the Database in mindPart 2 - Hour 2 a. Designing Relational Data Models b. Relationship, Building MultijoinsTables c. GraphQL & Relational Data Modeling Query Complexities
Prerequisites a. Data modeling tool. The trainer will be using dbdiagram b. Postgres, albeit no need to install this locally, as I'll be using a Postgres Dicker image, from Docker Hub for all examples c. Hasura

graphql database

Scaling up Your Database With ReadySet

Node Congress 2023

33 min

Scaling up Your Database With ReadySet

Workshop

2 authors

The database can be one of the hardest parts of a web app to scale. Many projects end up using ad-hoc caching systems that are complex, error-prone, and expensive to build. What if you could drop in a ready-built caching system to enable better throughput and latency with no code changes to your application?
Join developers Aspen Smith and Nick Marino to see how you can change one line of config in your app and use ReadySet to scale up your query performance by orders of magnitude today.

database

How to Solve Real-World Problems with Remix

Remix Conf Europe 2022

195 min

How to Solve Real-World Problems with Remix

Workshop

Michael Carter

- Errors? How to render and log your server and client errorsa - When to return errors vs throwb - Setup logging service like Sentry, LogRocket, and Bugsnag- Forms? How to validate and handle multi-page formsa - Use zod to validate form data in your actionb - Step through multi-page forms without losing data- Stuck? How to patch bugs or missing features in Remix so you can move ona - Use patch-package to quickly fix your Remix installb - Show tool for managing multiple patches and cherry-pick open PRs- Users? How to handle multi-tenant apps with Prismaa - Determine tenant by host or by userb - Multiple database or single database/multiple schemasc - Ensures tenant data always separate from others

remix database validation error monitoring

Building a Realtime App with Remix and Supabase

Remix Conf Europe 2022

156 min

Building a Realtime App with Remix and Supabase

Workshop

Jon Meyers

Supabase and Remix make building fullstack apps easy. In this workshop, we are going to learn how to use Supabase to implement authentication and authorization into a realtime Remix application. Join Jon Meyers as he steps through building this app from scratch and demonstrating how you can harness the power of relational databases!

remix authentication database

Building a GraphQL-native serverless backend with Fauna

GraphQL Galaxy 2021

143 min

Building a GraphQL-native serverless backend with Fauna

Workshop

2 authors

Welcome to Fauna! This workshop helps GraphQL developers build performant applications with Fauna that scale to any size userbase. You start with the basics, using only the GraphQL playground in the Fauna dashboard, then build a complete full-stack application with Next.js, adding functionality as you go along.

In the first section, Getting started with Fauna, you learn how Fauna automatically creates queries, mutations, and other resources based on your GraphQL schema. You learn how to accomplish common tasks with GraphQL, how to use the Fauna Query Language (FQL) to perform more advanced tasks.

In the second section, Building with Fauna, you learn how Fauna automatically creates queries, mutations, and other resources based on your GraphQL schema. You learn how to accomplish common tasks with GraphQL, how to use the Fauna Query Language (FQL) to perform more advanced tasks.

backend graphql serverless database

Building GraphQL APIs With The Neo4j GraphQL Library

GraphQL Galaxy 2021

175 min

Building GraphQL APIs With The Neo4j GraphQL Library

Workshop

William Lyon

This workshop will explore how to build GraphQL APIs backed Neo4j, a native graph database. The Neo4j GraphQL Library allows developers to quickly design and implement fully functional GraphQL APIs without writing any resolvers. This workshop will show how to use the Neo4j GraphQL Library to build a Node.js GraphQL API, including adding custom logic and authorization rules.

Table of contents:
- Overview of GraphQL and building GraphQL APIs
- Building Node.js GraphQL APIs backed a native graph database using the Neo4j GraphQL Library
- Adding custom logic to our GraphQL API using the @cypher schema directive and custom resolvers
- Adding authentication and authorization rules to our GraphQL API

backend graphql api development database

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Full-stack & typesafe React (+Native) apps with tRPC.io

React Advanced 2021

6 min

Full-stack & typesafe React (+Native) apps with tRPC.io

Top Content

Alexander Johansson

The creator of tRPC

Alex introduces tRPC, a toolkit for making end-to-end type-safe APIs easily, with auto-completion of API endpoints and inferred data from backend to frontend. tRPC works the same way in React Native and can be adopted incrementally. The example showcases backend communication with a database using queries and validators, with types inferred to the frontend and data retrieval done using Prisma ORM.

react backend typescript developer experience patterns react native fullstack trpc trpc with react native

TypeScript and the Database: Who Owns the Types?

TypeScript Congress 2022

27 min

TypeScript and the Database: Who Owns the Types?

Top Content

Dan Vanderkam

Independent Software Developer, author of Effective TypeScript.

The Talk discusses the use of TypeScript and SQL together in software development. It explores different approaches, such as using an ORM like TypeORM or a schema generator like pg2ts. Query builders like connects JS and tools like PGTyped are also discussed. The benefits and trade-offs of using TypeScript and SQL are highlighted, emphasizing the importance of finding a middle ground approach.

backend typescript database typescript libraries

I Would Never Use an ORM

JSNation 2023

29 min

I Would Never Use an ORM

Top Content

Matteo Collina

Node.js TSC committee member. Pino & Fastify author.

Welcome to a talk on Object-Relational Mapping (ORM) and its potential pitfalls. The speaker discusses issues with modals and the MVC pattern, as well as the benefits of structuring code around system features instead. They introduce PlatformaticDB as a solution for easy backend development, showcasing its deployment and testing capabilities. The talk also covers integrating with Next.js, writing custom SQL queries, and the speaker's plans for future support and database compatibility.

node.js react orm database

Database Access on the Edge with Cloudflare Workers & Prisma

Node Congress 2022

31 min

Database Access on the Edge with Cloudflare Workers & Prisma

Alex Ruheni

Developer Advocate at Prisma

This Talk discusses database access on the edge with CloudFlare workers and the challenges of serverless platforms. It explores solutions for database access, including CloudFlare-specific solutions and using Prisma data proxy. The Prisma toolkit and demo are showcased, demonstrating how to convert an application to use a database. The process of setting up Prisma Data Platform and deploying the application to CloudFlare workers is explained. The Talk concludes with insights on database usage and the differences between serverless, CDN, and the Edge.

node.js database prisma cloudflare

Bring AI-Based Search to Your Web App

JSNation 2023

31 min

Bring AI-Based Search to Your Web App

Sebastian Witalec

Head of Developer Relations at Weaviate

The Talk discusses the use of machine learning in search engines, specifically focusing on semantic search and vector embeddings. It explores the integration of JavaScript and machine learning models, using Weaviate as an open-source vector database. The Talk demonstrates how to connect to Weaviate, query data, and perform machine learning queries. It also highlights the benefits of Weaviate, such as its superior developer experience and performance. Additionally, the Talk addresses customization options, data privacy concerns, and the varying effectiveness of different machine learning models.

artificial intelligence database

Remix Persistence With DynamoDB

Remix Conf Europe 2022

41 min

Remix Persistence With DynamoDB

Brian LeRoux

Architect (arc.codes) Maintainer, Enhance Contributor, an AWS Serverless Hero

DynamoDB is a next-generation key-value database that is low-latency, scalable, and easy to use. It offers advantages such as local development options, a generous free tier, and fast performance. Common misconceptions about DynamoDB being expensive or hard to learn are debunked. The Talk covers topics like basic modeling, separating concerns, working with DynamoDB in Remix, and building a DynamoDB client. Overall, DynamoDB is a powerful database that integrates well with Remix and provides efficient data access patterns.

javascript remix database