turbo-ios
react-router
turbo-ios | react-router | |
---|---|---|
15 | 156 | |
818 | 51,937 | |
1.2% | 0.3% | |
8.3 | 9.5 | |
8 days ago | 3 days ago | |
Swift | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
turbo-ios
-
Progressively Enhanced Turbo Native Apps in the App Store
If you're a SwiftUI developer, I've had an issue open at https://github.com/hotwired/turbo-ios/issues/8 to get Turbo SwiftUI off the ground.
I've talked to a few folks about it and have heard responses ranging from "it's a bad idea/can't be done" (mainly because of SwiftUI bugs) to "why would you want to do that?". I think it would be amazing to have a declarative of building out a Hotwire Rails application inside of iOS. Bonus if the Turbo SwiftUI component could run on macOS.
-
What’s Ruby used for most nowadays?
For the mobile side, start with each platform's respective Turbo package: https://github.com/hotwired/turbo-ios and https://github.com/hotwired/turbo-android. Each has a demo app you can run in XCode/Android studio. To get a basic app building, follow each one's "Getting Started" guide. It's actually pretty easy to get a basic native app building, the hard part comes in integrating native components and services, as well as release management.
-
The different strategies to building a cross-platform app
turbo-ios and turbo-android are the shell/wrapper apps handling native navigation, written for native iOS and Android. They are provided for you, and works out-of-the-box, but you risk having to fiddle with iOS and Android development for maintenance/debugging later on.
-
Ask HN: Solo Dev Stack of 2022?
Ruby on Rails, Hotwire, Postgres, Redis
Does anyone have experience with https://github.com/hotwired/turbo-ios or https://github.com/hotwired/turbo-android ?
-
How I ported a Rails site to iOS and launched in the App Store in 7 weeks
1. Turbo Native
- Are there any plans to make Rails a mobile framework?
-
All you should know about Flutter development
I use Turbo Native on iOS to do exactly this.
You render your mobile web view like normal, wire up a JavaScript handler (formerly known as Turbolinks), and push native screens on iOS. It works really well for CRUD and "boring" SAAS apps with little interaction outside of forms. And when you need higher fidelity dropping down to SwiftUI or UIKit is straightforward.
https://github.com/hotwired/turbo-ios
To make things even simpler, I built Jumpstart iOS, which takes care of all of the Swift boilerplate. Navigation, authentication, and push notifications all work out of the box after adding a few endpoints to your server.
https://jumpstartrails.com/ios
-
Is it possible to create an iOs app in Elixir? And if yes, than what framework is needed?
Adding to the already mentioned solutions, another alternative may be to develop your app with Phoenix and [Hotwire](https://hotwired.dev/), using Turbo on the backend and [Turbo-ios](https://github.com/hotwired/turbo-ios) for your app.
-
Suggestions for building ios and android apps in rails?
turbo-ios and turbo-android are small wrappers around your web views. You write native Swift and Kotlin wrappers but the frameworks display your web content. They also handle navigation and data transmission between the views and native code.
-
Portals: Supercharged Web View for Native iOS and Android Apps
I’d like to see this integrate more tightly with Rails Turbo framework. Ideally it would understand Visitables and plug into SwiftUI. I took a swing at that at https://github.com/hotwired/turbo-ios/issues/8 but have struggled to get it working … that and Strada hasn’t come out yet, which I assume is the equiv of the native plugins within Portals.
react-router
-
Free Resources Every Web Developer Should Know About
React Router (https://reactrouter.com/)
-
Stateful React Pages using URLSearchParams and Local/Session Storage
React Router DOM provides an intuitive way of managing the URL search value of a webpage, it provides the useSearchParams hook that allows accessing the webpage URL search values and also changing the values without reloading the active webpage.
-
The 20 most used React libraries
react-router-dom: Simplifies client-side routing for multi-page web apps. Learn more
-
Where to study typescript from Beginner to Advanced with actual real examples??
https://github.com/primer/react https://github.com/remix-run/react-router
-
Want to raise the bar 💯
Hello and welcome! It's fantastic that you're looking to broaden your expertise in front-end development. Transitioning from Flutter to React and Angular is a great move, as it will provide you with a well-rounded skill set. ### Resources for Learning React: 1. **Official Documentation:** Start with the [official React documentation](https://reactjs.org/). It's well-written and comprehensive. 2. **React Fundamentals Courses:** Platforms like [freeCodeCamp](https://www.freecodecamp.org/) and [Codecademy](https://www.codecademy.com/) offer free React courses. 3. **React Hooks:** Understand the concept of hooks, a powerful feature in React. The [React Hooks documentation](https://reactjs.org/docs/hooks-intro.html) is a great resource. 4. **Project-Based Learning:** Build small projects to apply your knowledge. You can find ideas on platforms like [GitHub](https://github.com/) or [CodePen](https://codepen.io/). 5. **React Router:** Learn how to handle navigation in React using [React Router](https://reactrouter.com/). ### Resources for Learning Angular: 1. **Official Documentation:** Similar to React, start with the [official Angular documentation](https://angular.io/). 2. **Angular Tour of Heroes:** This is a hands-on tutorial provided in the Angular documentation. It's an excellent resource for getting started. 3. **Angular University:** [Angular University](https://angular-university.io/) offers comprehensive courses on Angular. 4. **RxJS:** Learn about reactive programming using RxJS, which is heavily used in Angular. You can find resources on the [official RxJS documentation](https://rxjs.dev/). 5. **Build Real-World Apps:** Build practical applications to solidify your understanding. The more you code, the better you'll become. ### Making a Mark in the Open-Source Front-End Space: 1. **GitHub Contributions:** Contribute to existing open-source projects. This not only helps you learn but also establishes your presence in the community. 2. **Create Your Projects:** Start small with your open-source projects. Share them on GitHub, and seek feedback from the community. 3. **Participate in Hackathons:** Join online hackathons or coding challenges. They're great for learning and networking. 4. **Follow Blogs and Newsletters:** Stay updated with the latest trends and best practices in the front-end world. Subscribe to newsletters like [JavaScript Weekly](https://javascriptweekly.com/) or [React Status](https://react.statuscode.com/). 5. **Join Forums and Communities:** Engage with developers on platforms like [Stack Overflow](https://stackoverflow.com/) or specialized forums for React and Angular. Remember, the key is consistent practice and learning by doing. Good luck on your journey, and feel free to reach out if you have more questions! 🚀
-
The art of conditional rendering: Tips and tricks for React and Next.js developers
Conditional rendering also enables client-side routing in single-page React apps, such as the react-router package.
-
13 Must Know Libraries for a React Developer
React Router is the most popular library to implement routing in React apps. It has more than 50K stars on GitHub and more than 10 million weekly downloads on NPM and it's built by the same team behind the popular Remix framework of React.
-
Building a React/Express Stripe Donation Form
My preferred React stack is Vite (it’s french for fast), MUI (with icons), React Query, and React Router. I’m also a heathen who refuses to learn Typescript. In this case, because it’s an incredibly simple plug-in, we won’t be using a router.
-
How to use react router correctly
I'm sure i'm missing something / reinventing the wheel or definitely using react-router-dom not the proper way, but in this manner i get to solve a little issue of react-router-dom being found here: Update search params without re-rendering everything · remix-run/react-router · Discussion #9851 (github.com)
- how should I render this dashboard ?
What are some alternatives?
awesome-flutter - 💗 A curated list of awesome Flutter libraries, tools, tutorials, articles and more.. All you should know about Flutter development!
wouter - 🥢 A minimalist-friendly ~2.1KB routing for React and Preact
capacitor - Build cross-platform Native Progressive Web Apps for iOS, Android, and the Web ⚡️
vite - Next generation frontend tooling. It's fast!
turbo-android - Android framework for making Turbo native apps
Router5 - Flexible and powerful universal routing solution
desktop - Building native-like Elixir apps for Windows, MacOS, Linux, iOS and Android using Phoenix LiveView!
react-router-redux
create-t3-turbo - Clean and simple starter repo using the T3 Stack along with Expo React Native
universal-router - A simple middleware-style router for isomorphic JavaScript web apps
hotwire-rails - Use Hotwire in your Ruby on Rails app
esbuild - An extremely fast bundler for the web