React Native Hackathon 2016

Last weekend we hosted the very first hackathon at Callstack! Thanks to everyone for coming. It’s been good to see you exploring React at our office!

Let’s refresh our memories and take overall look at what we managed to achieve.

In general we focused on making everyday life in office easier thanks to mobile apps (of course created using React Native) and some external devices.

What we could use was:

  • Raspberry Pi
  • two sensors connected with it (move and light)
  • API which provides needed information to use them
  • beacons
  • QR codes placed on rooms and not only ;)

Of course we encouraged everyone to suggest their own solutions, APIs and tools so that it’s not only about having fun with React Native, but also learning from each other’s experience.

The main problems to solve where:

  • checking availability of parking spaces before arriving to office
  • reminding teammates that they are Garbage Monster’s (take out the garbage schedule)
  • queuing, rating and streaming music to play in the office
  • booking conference rooms
  • new colleagues on-boarding

We’ve created 3 teams which were leaded by our developers: Ferran, Radek, Piotrek and Wojtek. Many thanks to you guys!

Everybody had about 7 hours and one goal — come up with something fresh! At the same time our goal was to provide fuel (pizza, beer and caffeine).

Let’s see what they came up with.

The Ferran’s Team

https://github.com/callstack-io/callstack-hackathon-team-dratwa-wojtek

We’ve decided to solve our problem with taking out the garbage schedule. Using a QR code placed on the trash bin we’ve managed to pull informations about current schedule into the app. Moreover, we used a beacon device to map its id with the current garbage responsible so we can scan and then ping that “Garbage Monster” on Slack.

The Radek’s Team

https://github.com/callstack-io/callstack-hackathon-team-radek

We decided to solve more than one problem form list. We’ve prepared streaming music and queuing it using raspberry pi to avoid argues who will be DJ today ;P. Moreover we used beacons which allow you to check where the nearest toilet is. And that was not enough for us — another feature in their app allows you to check if the parking space is free before we will arrive to office — thanks to move sensors connected with raspberry.

The Piotrek’s and Wojtek’s Team

https://github.com/callstack-io/callstack-hackathon-team-dratwa-wojtek

Our team also decided to solve garbage problem. We’ve prepared application contains handy calendar using data provided from QR code on trash bin.

Great work everyone!

The only problem was that we had to choose a winner. If it would be possible we would give you all the 1st place but only one team could win.

After very very long consultations we finally agreed that we’ve fallen in love with Ferran’s team idea (even though everyone was 1st class). See it in the wild:

Congrats for the hackathon winners!

Thank you everyone for having such a great time! We hope to see you soon!

Insights

Learn more about Community

cover

Oct 9Live Stream

React Native Conf 2025: React Foundation, Compiler 1.0 & Future of React Native

React Native Conf 2025 brought huge announcements: React Foundation under Linux Foundation, React Compiler 1.0 and Hermes v1. What’s next for React Native and newest React Features.

cover

Sep 25Live Stream

Live Dev Session: <Activity>, Expo SDK 54, Router v6, Lynx 3.4, TanStack Start

A packed week in the React ecosystem: React experiments with a new <Activity> component, Expo SDK 54 speeds up builds, Expo Router v6 adds native-like navigation, Lynx 3.4 ships inputs & dev tools, TanStack Start hits RC, and React Router previews Framework Mode.

cover

Sep 18Podcast

Core Contributor Summit 2025 Highlights

Core contributors from across the React Native ecosystem discuss stability, tooling, and the path to 1.0, from Flow to TypeScript, desktop apps, and how community fills the gaps left by Meta.

cover

Sep 11Live Stream

Live Dev Session: React Universe Conf, RN 1.0, Expo Updates & More

In Week 37 of our Live Dev Session we talked about React Universe Conf with guest Szymon, ranted about AI, explored what React Native 1.0 really means, reviewed Expo updates, and covered the latest moves in the React Native ecosystem.

cover

Sep 5Podcast

Crossing Paths of React And React Native Ecosystems

React and React Native: are the two ecosystems pulling together or apart? Let's discuss their evolution, similarities, differences, and community dynamics.

cover

Aug 20Podcast

We're Changing Into React Universe On Air

Here comes a new chapter for The React Native Show: we're becoming React Universe On Air!

cover

Jun 10Article

Apple Vision Pro: Insights From Conferences and Beyond

Explore key insights from introducing Apple Vision Pro at tech events. Discover its intuitive interface, immersive experiences, and the challenges faced.

cover

Mar 15Article

How to Make Your Open Source Project Repository Contributor Friendly

Check out 5 tips on making the repository of your Open Source project more contributor friendly for both new maintainers & users.

cover

Mar 1Article

React Native EU 2023 and a Glimpse Into Conference History

React Native EU is back for an on-site 2023 edition! Find out why it's worth attending our React Native conference and how it's evolved since 2017.

cover

Mar 30Article

Supporting Ukraine Through the "Tech to The Rescue" Project: UA SOS App

Learn about Callstack's commitment to the Tech To The Rescue project supporting Ukraine: UA SOS app.

cover

Mar 8Article

Women Who Make Waves in the React Native Community

On International Women’s Day we spoke to women who make waves as React and React Native developers. Check what they said about their tech careers.

cover

Nov 5Article

Events We Hold for You - Culture Powered by Callstack

When working at Callstack, you can join our unique initiatives. Find out more about our conferences, meetups, hackathons & discussion panels. Join our team!

cover

Mar 19Tutorial

The Hard Way vs. The React Native AI SDK Way: Stop Writing Custom Modules for Every Model

Learn how React Native AI uses a unified provider model to switch between cloud and on-device LLMs without rewriting application logic, enabling reliable AI experiences online and offline.

cover

Mar 12Tutorial

Build Smarter Apps: Tool Calling & AI Orchestration Explained

Learn how on-device models in React Native can call tools, interact with external APIs, and return structured outputs you can use directly in application logic.

cover

Mar 5Tutorial

MLC LLM + React Native: On-Device AI Without the Pain

Learn how to run third-party on-device LLMs in React Native using MLC LLM. Choose your models, run them efficiently across platforms, and keep a unified JavaScript API with React Native AI.

cover

Feb 24Tutorial

Intelligent Fallbacks with Apple Intelligence in React Native

Learn how to use Apple’s built-in Foundation Models in React Native apps, reduce memory usage, and enable fast, fully on-device AI with React Native AI Apple.

cover

Feb 10Tutorial

What Is the React Native AI SDK? A Complete Intro & Quickstart

Learn why on-device AI matters for React Native apps, how local LLMs behave offline, and what problems React Native AI is designed to solve from day one.

cover

Jan 29Tutorial

Implementing an Android TurboModule with Kotlin

Learn how to implement a React Native TurboModule on Android, from the TypeScript spec and Codegen to the Kotlin implementation and package registration.

cover

Jan 19Tutorial

Working with Different Threads in Swift TurboModules

Learn how JavaScript, native module, background, and main threads interact in React Native TurboModules, and how to use GCD queues to run async work safely in Swift.

cover

Jan 9Tutorial

How to Add Type-Safe Constants to Swift TurboModules

Learn how to expose typed, immutable constants from a Swift TurboModule using Codegen, and get full end-to-end type safety between native and JavaScript.

cover

Dec 30Tutorial

Adding Event Emitters to Your TurboModule in Swift

Learn how to emit native events from a Swift TurboModule and subscribe to them in JavaScript, including proper memory management and Codegen integration.

cover

Dec 22Tutorial

Writing Your First TurboModule in Swift

Learn how to build a fully working TurboModule in Swift, integrate it with Codegen, and bridge it through Objective‑C inside an Expo app.