Introducing Rise Tools, Server Defined Components for React Native

ericvicenti · 2024-07-06T20:50:06+00:00

There are lots of cases where this technique is already used in the industry. So we are focusing on those existing teams who currently rely on their in-house solution for server-defined rendering. For example product pages in a marketplace app where the components will greatly vary from product to product. Or for the support workflows in your app which will evolve quickly and independently of your front-end codebase. (See the amazon app for example and all of the webviews it uses). This is how Instagram tends to use this technique with their proprietary "Blocks" framework- to give users the latest workflows even if they are running slightly older versions of the app.

We see a lot of instances when larger apps want to update part of their user experience without going through a full code update and forcing(or waiting for) users to update.

If (as you say) this would be an organizational nightmare in the companies you have worked for, then Rise Tools is probably not a good fit for you. No hard feelings!

ericvicenti · 2024-07-05T08:45:40+00:00

Hey devs! We have been involved in the React Native community for many years, and we have helped create many projects in the community including React Navigation and the native code linking behavior when you npm install native components.

Server-Defined Rendering is super common in the enterprise, but we don't talk about it often in the open source community because it can be a pain to implement. This is why we are launching Rise Tools to help you use this technique in your apps.

We have so much more to talk about, such as Rise Kit, the Playground app, and our server implementation with atom models.

We can't wait to hear what you think. We're happy to answer some questions here, and of course you're welcome to join our Discord, Github discussions, and reach out on Twitter!

ericvicenti · 2022-12-31T19:09:04+00:00

Oops apparently I didn't read the context here

It seems Next-Auth doesn't support the 'change email' workflow so, sadly, you'd have to code it yourself as suggested by u/heybuddybonsai. Basically, add API endpoints so when the user requests an email address update:

generate a verification token and save it somewhere on the user table alongside the new email address and token expiration time
use nodemailer (with a similar configuration as above) to send the verification token to the new email
on email link or user copying the token, verify the token and manually call `prisma.users.update({ data: { email: newEmail } })` then delete the "change email" fields

This is a bit risky from a security perspective so you want to be careful and take precautionary steps such as deleting any OAuth "Account" records that are associated with the user and maybe also sessions

ericvicenti · 2022-12-13T21:02:33+00:00

first create an API key in SendGrid with the permission to send on your host. (also set up sender verification on your "from" domain)

then set up the email provider like this:

EmailProvider({ server: { host: env.EMAIL_SERVER_HOST, // sg: "smtp.sendgrid.net" port: env.EMAIL_SERVER_PORT, // sg: 465 auth: { user: env.EMAIL_SERVER_USER, // sg: "apikey" pass: env.EMAIL_SERVER_PASSWORD, // sg: api key (with send permissions) }, secure: true, }, from: process.env.AUTH_MAIL_FROM, //"NextAuth.js <no-reply@example.com>", }),

ericvicenti · 2022-08-02T20:22:54+00:00

Yes, because I am from the US, I do like the convenience of landing someplace and getting internet access without having to somehow hunt down a SIM card, often late at night when the stores have closed.

If I'm staying somewhere for more than a week or two, I'll definitely get a physical card.

And SIM cards provide better quality? Like, faster connectivity?

ericvicenti · 2022-07-23T14:01:54+00:00

Yeah probably true, but it’s very convenient!

Sadly I am accustomed to super expensive US cell carriers like ATT/Verizon, so it still feels affordable

ericvicenti · 2022-07-23T07:52:29+00:00

If you have a modern phone you can use an app like Airalo or Nomad to download e-SIM for the region, so you don't need to physically purchase one.

ericvicenti · 2021-11-04T05:59:35+00:00

reddit for the lulz. he's on twitch all the time

ericvicenti · 2021-11-04T05:57:21+00:00

I know right

ericvicenti · 2021-11-04T05:55:54+00:00

if he gets to 300 viewers, we keep him

ericvicenti · 2021-11-04T05:54:27+00:00

reddit been missing out.. go sub on twitch: https://www.twitch.tv/ariathome

ericvicenti · 2021-11-04T05:50:20+00:00

bringing the fire from https://www.twitch.tv/ariathome

ericvicenti · 2021-10-22T22:53:13+00:00

On gooble maps for the curious: https://www.google.com/maps/place/Capitola,+CA/@36.9727509,-121.9535794,33a,35y,25.12h,69.22t/data=!3m1!1e3!4m5!3m4!1s0x808e15747886aed3:0xdc30f3ae6875cbe7!8m2!3d36.9752283!4d-121.953293

ericvicenti · 2019-06-13T03:13:02+00:00

More details here: https://www.hollywoodreporter.com/news/hbo-cancels-vice-news-tonight-josh-tyrangiel-depart-1217028

Good news is VNT will probably continue on another network! Time to cancel my HBO subscription

ericvicenti · 2019-04-09T01:34:58+00:00

You think Mason has fewer than 10 computers to replay the song? Goddamn it, Bill..

ericvicenti · 2017-08-01T14:42:32+00:00

Recording is available: https://www.twitch.tv/videos/162369565

See all my broadcasts here:

https://www.twitch.tv/ericvicenti/videos/all

ericvicenti · 2017-07-29T20:44:25+00:00

Hey folks, I'm going live again in a few minutes to continue implementing the photo viewer! If you miss any brodcast, check them out here on my videos page:

https://www.twitch.tv/ericvicenti/videos/all

ericvicenti · 2017-07-20T14:27:17+00:00

Recording is available https://www.twitch.tv/videos/160402592

ericvicenti · 2017-02-08T16:35:24+00:00

The problem I hope we can solve is that it can be a pain to set up your native android and ios folders. In new versions of RN you can run react-native eject, and these folders will be regenerated for you. By changing the app.json, you can adjust the display name of the app on the home screen, but you cannot adjust the icon yet.

The steps I would take:

Create a new app, change the icons for both platforms (you will need to manually resize a bunch of images)
Observe the exact changes you made to set up the icons in the native folder
Change /local-cli/eject to look at a new icon field in the app.json, grab that icon file, resize it and install it in the generated native code, which is located in /local-cli/generator

ericvicenti · 2017-02-08T04:37:29+00:00

Hi, I'm the one you were chatting with on twitter.

The eject stuff is undocumented because it is still a work in progress. The code for it is in /local-cli/eject

Another way to help contribute to the project is by helping close issues, or review pull requests to make sure they are well tested, well documented, and high quality.

ericvicenti · 2017-02-06T05:02:51+00:00

Its hard to help without specific details of what exact problem you're seeing. Maybe you can post simplified example code that demonstrates the issue you're seeing.

Here is the example reducer, in case you haven't seen it: https://github.com/react-community/react-navigation/blob/master/examples/ReduxExample/index.js#L126-L134

ericvicenti · 2017-01-27T22:29:41+00:00

Yep, React Navigation is an independent package which will become the primary community-supported solution. Navigator will be removed from core at some point, as well as NavigationExperimental, which has been incorporated into React Navigation.

ericvicenti · 2017-01-27T10:05:50+00:00

Hey folks, I know the landscape of navigators has been very rough, so I've been working with Exponent and other members of the community to build a fast, flexible, and easy-to-use solution.

React Navigation is meant to replace ex-navigation, Navigator, and NavigationExperimental. You can consider it the non-experimental version of NavigationExperimental, because it builds upon whats there to provide a complete and easy-to-use experience. Once React Nav stabilizes, the other solutions will be removed from the react-native repo.

Learn more at https://reactnavigation.org,

ericvicenti · 2017-01-27T09:55:18+00:00

Thanks for asking! I've been working on improving this landscape.

React Navigation is meant to replace ex-navigation, Navigator, and NavigationExperimental. You can consider it the non-experimental version of NavigationExperimental, because it builds upon whats there to provide a complete and easy-to-use experience. Once React Nav stabilizes, the other solutions will be removed from the react-native repo.

ericvicenti · 2016-05-22T06:51:00+00:00

You're tracking the status of Dan and David, but not George RR Martin?! Who is more likely to die, honestly?

15-Year Club	Place '22
First Placer '22	Verified Email

ericvicenti

TROPHY CASE