--- title: "React Conf starts today" publication: "React Status" issue: 385 published_at: "2024-05-15" canonical_url: "https://react.statuscode.com/issues/385" --- Plus React Google Maps 1.0, a React powered game, and some bulletproof React. | #​385 β€” May 15, 2024 [Read on the Web](https://react.statuscode.com/issues/385) Together with [![Fusion Auth\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,w_512,h_127/e_make_transparent/co_white,e_outline:15/es9kzxpnghhbbctheomi.png)](https://fusionauth.io/blog/best-practices-for-oauth-in-mobile-apps?utm_medium=newsletter&utm_source=reactdigest&utm_campaign=may24_newsletter) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/nrotfdthycjttu3bqqfs.jpg)](https://github.com/alan2207/bulletproof-react) [Bulletproof React: A Scalable Architecture for Production-Ready Apps](https://github.com/alan2207/bulletproof-react) β€” An opinionated guide on how you could structure a large scale React app, should you be lacking for inspiration. A long standing resource that’s just had a major update and deserves another look. Alan Alickovic πŸ•ΉοΈ [_Athena Crisis:_ A High Quality, React-Powered Game](https://cpojer.net/posts/athena-crisis-open-source) β€” A commercial, turn-based strategy game available [on the Steam Store](https://store.steampowered.com/app/2456430/Athena_Crisis/), but now with an open sourced engine and tooling. Notably, the game is published by [Null](https://null.com/), an indie game publisher founded by GitHub cofounder Chris Wanstrath. Christoph Nakazawa [![\](https://copm.s3.amazonaws.com/7256168f.jpg)](https://fusionauth.io/blog/best-practices-for-oauth-in-mobile-apps?utm_medium=newsletter&utm_source=reactdigest&utm_campaign=may24_newsletter) [Best Practices for OAuth in Mobile Apps](https://fusionauth.io/blog/best-practices-for-oauth-in-mobile-apps?utm_medium=newsletter&utm_source=reactdigest&utm_campaign=may24_newsletter) β€” Supercharge your React apps with OAuth! Learn how to build secure sign-on flows and accelerate your dev process. This guide covers best practices for handling protected tokens and platform-specific guidelines, ensuring robust identity management. FusionAuth sponsor **IN BRIEF:** - πŸ“… [React Conf 2024](https://conf.react.dev/) starts later today. Sign up for the livestream if you want to keep up with goings-ons. We'll feature the key announcements in the next issue. - πŸ“… [Chain React 2024](https://chainreactconf.com/) is a React Native conference, taking place in Portland, Orgeon, this July. - πŸ˜… Akshay Nair has [a cute experiment](https://github.com/phenax/react-is-a-programming-language) showing off how React can be twisted into being its own programming language. Don't do this in prod.. ;-) - A handy 'awesome' [list of React Tailwind CSS UI component libraries.](https://github.com/hevar/awesome-react-tailwindcss-ui-components) [Why React Query?](https://ui.dev/why-react-query) β€” Starting from first principles, and a reminder of what React itself is, this is a neat, highly accessible exposition of why [React Query](https://tanstack.com/query/latest/docs/framework/react/overview) (a.k.a. TanStack Query) exists and what it does. UIβ€€dev β–Ά[Building an Issue Tracker App (That Works Offline) with React and ElectricSQL](https://www.youtube.com/watch?v=y6vYJUESwns) β€” Kelvin is great at this stuff. [ElectricSQL](https://electric-sql.com/) provides a way to build reactive, realtime local-first apps atop Postgres. _(75 minutes.)_ Kelvin Omereshone [Build a Real-Life, AI-Powered Project with Next.js and Strapi](https://strapi.io/blog/epic-next-js-14-tutorial-learn-next-js-by-building-a-real-life-project-part-1-2) β€” Uses the [Strapi](https://strapi.io) open-source, headless CMS. We linked to this a few months ago, but the whole ten part series is now available. Paul Bratslavsky (The Strapi Blog) πŸ“„ [Build Your Own React.js in 400 Lines of Code](https://webdeveloper.beehiiv.com/p/build-react-400-lines-code) – A learning exercise. Zachary Lee πŸ“„ [A Nice Way to Render Markdown in React Apps](https://jordaneldredge.com/notes/208ba2e8-436d-438e-a3c9-1380e7d7df75/) – A β€˜short snapper’ on how to approach this common task. Jordan Eldredge πŸ“„ [Exploring a 3D Text Distortion Effect with React Three Fiber](https://tympanus.net/codrops/2024/05/08/exploring-a-3d-text-distortion-effect-with-react-three-fiber/) Nine / Codrops πŸ“„ [Path to a Clean(er) React Architecture: API Layer and Data Transformations](https://profy.dev/article/react-architecture-api-layer-and-data-transformations) Johannes Kettmann πŸ“„ [How to Create a React Native Splash Screen](https://www.freecodecamp.org/news/react-native-splash-screen/) Lucas Garcez πŸ›  Code, Tools & Libraries [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/qfnvgmjgkyvbo95yprec.jpg)](https://visgl.github.io/react-google-maps/) [React Google Maps 1.0: Components and Hooks for Google Maps](https://visgl.github.io/react-google-maps/) β€” Dropped to coincide with Google I/O 2024, this provides a way to integrate Google’s Maps API into a React app, complete with components to lay down markers, drawing over maps, and more. [GitHub repo.](https://github.com/visgl/react-google-maps) OpenJS Foundation [ReacType 21.0: Visual Prototyping Tool for React Developers](https://medium.com/@sfryan95/introducing-reactype-v21-lowering-the-barrier-to-entry-and-raising-the-bar-in-react-development-945173a9f3b8) β€” A prototyping tool to flesh out React apps always with an eye on the visual aspect, including a drag and drop canvas interface and real-time component previews. ReacType Team πŸ“° Classifieds Your fastest path to production. [With Render you can Build, deploy, and scale your apps with unparalleled ease](https://render.com) – from your first user to your billionth. --- [Secure your React app](https://bit.ly/4b7ohN4). Learn how Cerbos simplifies authorization. --- ❀️ [#1 Rated Headless React CMS](https://buttercms.com/react-cms/). Build a full website, blog, app backend, marketplace or portal with our API. [Get up & running in 2 min >](https://buttercms.com/react-cms/). [Ink 5.0: Build Interactive CLI Apps using React](https://github.com/vadimdemedes/ink) β€” A terminal-based React renderer so you can build command line apps using React-style components. While it’s a major release, there’s nothing new - the version number has been updated to reflect that Node 18+ is now a requirement. Vadim Demedes [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/oh1inlimgnuttlnu7vyo.jpg)](https://github.com/ukrbublik/react-awesome-query-builder) - [React Awesome Query Builder 6.5](https://github.com/ukrbublik/react-awesome-query-builder) _(above)_ – User-friendly logical query builder control. ([Live demo.](https://ukrbublik.github.io/react-awesome-query-builder/)) - [React Modal Sheet 3.1](https://github.com/Temzasse/react-modal-sheet) – Flexible bottom sheet component built with Framer Motion for smooth transitions ([Demos.](https://temzasse.github.io/react-modal-sheet/)) - [react-native-svg-transformer 1.4](https://github.com/kristerkari/react-native-svg-transformer) – Easily import SVGs into React Native projects. - [Prismane 1.6](https://github.com/prismaneui/prismane/releases/tag/v1.6.0) – A 'has-it-all' React UI library [packed with stuff](https://www.prismane.io/docs/components/getting-started). - [Next.js Boilerplate 3.48](https://nextjs-boilerplate.com/) – A starter app with all the trimmings. - [Storybook 8.1](https://github.com/storybookjs/storybook/releases/tag/v8.1.0) – Frontend component and UI workshop. - [ka-table 9.1](https://github.com/komarovalexander/ka-table) – Lightweight table component. ([Demos.](https://komarovalexander.github.io/ka-table/#/overview)) - [Redwood 7.5](https://github.com/redwoodjs/redwood/releases/tag/v7.5.0) – GraphQL-driven React framework. - [Astro 4.8](https://astro.build/blog/astro-480/) – The popular Web framework/toolset. - [MUI X 7.4](https://github.com/mui/mui-x/releases/tag/v7.4.0) – Popular React component suite. Curated by Peter Cooper and Terence C. Gannon. A **[Cooperpress](https://cooperpress.com/)** publication. [Change your email address](https://react.statuscode.com/edit_subscription/*|UID|*) or[Stop getting this newsletter](https://react.statuscode.com/leave/*|UID|*) Β© Cooper Press Ltd Β· Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom