Hermes as the Default
Hermes is designed for resource-constrained devicesπ± and optimizes for start-up, app size, and memory consumption.
β¨Difference : Hermes and other JS engines is its ability to compile JavaScript source code to bytecode ahead of time.
βοΈ React Native 0.70 will ship with Hermes as the default engine.
β‘οΈHermes will help your app to start faster via a pre-compilation in bytecode.
In this article, Michael shares various benchmarks from the open-source app Mattermost.
Happy Reading!
https://reactnative.dev/blog/2022/07/08/hermes-as-the-default
Hermes is designed for resource-constrained devicesπ± and optimizes for start-up, app size, and memory consumption.
β¨Difference : Hermes and other JS engines is its ability to compile JavaScript source code to bytecode ahead of time.
βοΈ React Native 0.70 will ship with Hermes as the default engine.
β‘οΈHermes will help your app to start faster via a pre-compilation in bytecode.
In this article, Michael shares various benchmarks from the open-source app Mattermost.
Happy Reading!
https://reactnative.dev/blog/2022/07/08/hermes-as-the-default
π’ Rollout for the New Architecture React Native 0.70
The rollout for the New Architecture keeps progressing, and while we are still in the early days, we wanted to share that we started working on 0.70: the first RC0 is already out and available to test!
https://github.com/reactwg/react-native-releases/discussions/26
The rollout for the New Architecture keeps progressing, and while we are still in the early days, we wanted to share that we started working on 0.70: the first RC0 is already out and available to test!
Check it out, and report your findings
https://github.com/reactwg/react-native-releases/discussions/26
GitHub
Road to 0.70.0 Β· reactwg/react-native-releases Β· Discussion #26
2022-09-05 Update React Native version 0.70.0 has been released (0.70.0-rc.4 has been promoted to stable) π Conversation about the patch version of 0.70.1 is happening here The branch cut has happe...
π’ Another day, another library migrated to Fabric! π’
Introducing react-native-svg v13.0.0 with Fabric support π
https://github.com/react-native-svg/react-native-svg/releases/tag/v13.0.0
Introducing react-native-svg v13.0.0 with Fabric support π
https://github.com/react-native-svg/react-native-svg/releases/tag/v13.0.0
GitHub
Release v13.0.0 Β· software-mansion/react-native-svg
Release introducing React Native SVG with Fabric support! π π
Please upgrade your apps and test if it does not introduce any bugs both on old and new architecture π Keep in mind that due to chang...
Please upgrade your apps and test if it does not introduce any bugs both on old and new architecture π Keep in mind that due to chang...
A βSpiritual Successorβ to Yoga seems to have appeared:
βFlexLayout Layout Engine
https://github.com/react-native-community/discussions-and-proposals/discussions/499
β
https://github.com/react-native-community/discussions-and-proposals/discussions/499
GitHub
react-native repo to include FlexLayout source for experimentation Β· Discussion #499 Β· react-native-community/discussions-and-proposals
In the near future, the react-native repo will be exposing some of the source for the FlexLayout layout engine for exploratory purposes. We're currently experimenting with this alternative ...
π Published the experimental
β Import files dynamically in your project is big step towards the new Expo Routing API!
π₯ Demo: https://github.com/EvanBacon/Metro-Context-Modules-Demo
require.context
syntax in Metro bundler!β Import files dynamically in your project is big step towards the new Expo Routing API!
π₯ Demo: https://github.com/EvanBacon/Metro-Context-Modules-Demo
GitHub
GitHub - EvanBacon/Metro-Context-Modules-Demo: A demo of using the new require.context syntax in Expo with Metro bundler
A demo of using the new require.context syntax in Expo with Metro bundler - EvanBacon/Metro-Context-Modules-Demo
π» New Expo CLI docs are now live!!!
This documentation covers the information and how you can continue to use beloved expo-cli commands with the new npx
You will find all the relevant information to the local CLI here:
https://docs.expo.dev/workflow/expo-cli/
This documentation covers the information and how you can continue to use beloved expo-cli commands with the new npx
expo
.You will find all the relevant information to the local CLI here:
https://docs.expo.dev/workflow/expo-cli/
React Native 0.70 is out! π
It features Hermes as the default JS engine, simplifications and updated docs for the New Architecture, and more!
Check out the new release under this blog post! π
https://reactnative.dev/blog/2022/09/05/version-070
It features Hermes as the default JS engine, simplifications and updated docs for the New Architecture, and more!
Check out the new release under this blog post! π
https://reactnative.dev/blog/2022/09/05/version-070
reactnative.dev
Announcing React Native 0.70 Β· React Native
We are excited to release a new version of React Native, 0.70.0. This version comes with several improvements like a new unified configuration for Codegen, Hermes as default engine, and full CMake support for Android builds along with a refresh of the documentationβ¦
React Native Status pinned Β«React Native 0.70 is out! π It features Hermes as the default JS engine, simplifications and updated docs for the New Architecture, and more! Check out the new release under this blog post! π https://reactnative.dev/blog/2022/09/05/version-070Β»
@Baconbrix on Twitter: π²π
"β of this goes away with the upcoming @expo router API, the other β is added conditionally when needed."
Less boilerplate, fewer app-wide re-renders."
π https://twitter.com/Baconbrix/status/1571598878310375424
π¬ Anyone else here has this "Provider's Hell" problem? π€
"β of this goes away with the upcoming @expo router API, the other β is added conditionally when needed."
Less boilerplate, fewer app-wide re-renders."
π https://twitter.com/Baconbrix/status/1571598878310375424
π¬ Anyone else here has this "Provider's Hell" problem? π€
File system-based routing coming to React Native! ποΈ
File system-based routing similar to Remix/Next-esque layouts and nested routes is finally coming to React Native!
If you build with RN, and you're frustrated with navigation, check this out! π
https://twitter.com/Baconbrix/status/1560353229241831425
File system-based routing similar to Remix/Next-esque layouts and nested routes is finally coming to React Native!
If you build with RN, and you're frustrated with navigation, check this out! π
https://twitter.com/Baconbrix/status/1560353229241831425
X (formerly Twitter)
Evan Bacon π₯ (@Baconbrix) on X
π Published the experimental `require.context` syntax in Metro bundler!
β‘οΈ Import files dynamically in your project -- big step towards the new @Expo Routing API!!
π Huge thanks to @motiz88 and @robjhogan for working on this with me!
π₯ Demo: https://t.co/8jj2zxt6JC
β‘οΈ Import files dynamically in your project -- big step towards the new @Expo Routing API!!
π Huge thanks to @motiz88 and @robjhogan for working on this with me!
π₯ Demo: https://t.co/8jj2zxt6JC
Expo SDK 46 Has Arrived! π
For anyone who missed this release, this is a quick summary of the main changes in this release!
π¨ Skia and FlashList in Expo Go
βοΈ React 18 and React Native 0.69.3
π¨ Fast local CLI is now default
βοΈ VSCode Expo adds IntelliSense for eas.json
π Final SDK to support classic builds
Read full release article below! π
https://blog.expo.dev/expo-sdk-46-c2a1655f63f7
For anyone who missed this release, this is a quick summary of the main changes in this release!
π¨ Skia and FlashList in Expo Go
βοΈ React 18 and React Native 0.69.3
π¨ Fast local CLI is now default
βοΈ VSCode Expo adds IntelliSense for eas.json
π Final SDK to support classic builds
Read full release article below! π
https://blog.expo.dev/expo-sdk-46-c2a1655f63f7
Medium
Expo SDK 46
Today weβre announcing the release of Expo SDK 46. SDK 46 includes React Native 0.69.5. Thank you to everyone who helped with beta testing.
Today, Expo is reimagining native routing!
β¨ Automatically create (dynamic) routes with files
π Zero boilerplate
π Automatic deep linking
π§© Nested layouts
π₯ Built on React Navigation for easy adoption.
Try the expo router beta now!
https://blog.expo.dev/rfc-file-system-based-routing-in-react-native-7a35474722a
β¨ Automatically create (dynamic) routes with files
π Zero boilerplate
π Automatic deep linking
π§© Nested layouts
π₯ Built on React Navigation for easy adoption.
Try the expo router beta now!
https://blog.expo.dev/rfc-file-system-based-routing-in-react-native-7a35474722a
Medium
RFC: File System-Based Native Routing with Expo and React Native
The new library Expo Router lets you build native navigation using a file system-based router, just like modern web frameworks.
Hey guys, this is a little bit offtopic, but I thought I might share my story dealing with Anxiety as a Software Developer and how I managed to overcome it.
I know that I'm not alone in my struggles, and I've heard many other developers share similar stories of burnout, imposter syndrome, and perfectionism.
That's why I want to share with you my story in hopes that it helps other Developers who are struggling with Anxiety too.
I talk about the various causes of my anxiety, including unrealistic deadlines, being a perfectionist, and neglecting important things like family and hobbies.
I also share some of the things that helped me to overcome anxiety, such as therapy, yoga, and spiritual practices. It wasn't an easy road, but it was worth it.
I will leave the link to my longer blog post here in case you want to check it out!
Love you! β€οΈ
https://andreizgirvaci.com/blog/how-to-reduce-stress-and-overcome-anxiety-as-a-software-developer
I know that I'm not alone in my struggles, and I've heard many other developers share similar stories of burnout, imposter syndrome, and perfectionism.
That's why I want to share with you my story in hopes that it helps other Developers who are struggling with Anxiety too.
I talk about the various causes of my anxiety, including unrealistic deadlines, being a perfectionist, and neglecting important things like family and hobbies.
I also share some of the things that helped me to overcome anxiety, such as therapy, yoga, and spiritual practices. It wasn't an easy road, but it was worth it.
I will leave the link to my longer blog post here in case you want to check it out!
Love you! β€οΈ
https://andreizgirvaci.com/blog/how-to-reduce-stress-and-overcome-anxiety-as-a-software-developer
Andreizgirvaci
How to Reduce Stress and Overcome Anxiety as a Software Developer
I share my story about stress and anxiety and how I managed to overcome it. I also share practical tips and resources that will help you begin your healing journey today!
This media is not supported in your browser
VIEW IN TELEGRAM
Hey guys, thank you for all the love I received on my previous post! π
Since then, I created a weekly Newsletter tailored for Software Developers seeking to reduce their stress and overcome anxiety in the workplace.
You can check it out below if you are currently struggling with stress and anxiety, I am sure you will find it helpful!π
Next issue coming into your inbox this Sunday!
https://newsletter.andreizgirvaci.com/the-anxious-developer
Since then, I created a weekly Newsletter tailored for Software Developers seeking to reduce their stress and overcome anxiety in the workplace.
You can check it out below if you are currently struggling with stress and anxiety, I am sure you will find it helpful!π
Next issue coming into your inbox this Sunday!
https://newsletter.andreizgirvaci.com/the-anxious-developer
Why I am not posting about React Native anymore!
Hey guys, I wanted to give you a quick update on this channel as you probably noticed that I am not posting here as often as before anymoreβ¦
This is due to me now not working with React Native as much as I am more focused on Next.js and React.js projects.
Now the question is, would you want me to also post Web Developement updates like: React.js, Next.js, Databases, TypeScript, not just React Native?
Basically making this channel not just about React Native, but also about Web Developement? Join the poll below! π
Hey guys, I wanted to give you a quick update on this channel as you probably noticed that I am not posting here as often as before anymoreβ¦
This is due to me now not working with React Native as much as I am more focused on Next.js and React.js projects.
Now the question is, would you want me to also post Web Developement updates like: React.js, Next.js, Databases, TypeScript, not just React Native?
Basically making this channel not just about React Native, but also about Web Developement? Join the poll below! π
WIP: Generating Images using Stable Diffusion natively (Core ML) on iPhone 13 mini using Expo & React Native!
I am currently working on creating an Expo library using the new Expo Modules API which will allow me to run Stable Diffusion models on an iOS device!
Thanks to the Expo team, building native libraries using the Expo Modules API is easier than ever!
I am currently working on creating the API layer between React Native and StableDiffusion native swift library.
For now, generating an image with 25 samples takes a few minutes on my simulator.
I will try to run it on my iPhone 13 mini device and see if it runs faster as I am assuming the simulator is not fully taking advantage of the NE cores currently...
The next step will be to use the SD-2.1 model and optimize it with
Also applying 6-bit palettization should reduce memory usage on low-end devices significantly!
β¦
I am currently working on creating an Expo library using the new Expo Modules API which will allow me to run Stable Diffusion models on an iOS device!
Thanks to the Expo team, building native libraries using the Expo Modules API is easier than ever!
I am currently working on creating the API layer between React Native and StableDiffusion native swift library.
For now, generating an image with 25 samples takes a few minutes on my simulator.
I will try to run it on my iPhone 13 mini device and see if it runs faster as I am assuming the simulator is not fully taking advantage of the NE cores currently...
The next step will be to use the SD-2.1 model and optimize it with
βattention-implementation SPLIT_EINSUM_V2
. This should improve performance by 10-30%...Also applying 6-bit palettization should reduce memory usage on low-end devices significantly!
β¦
β¦
However, these features are only supported in iOS 17 and macOS 14, so we'll have to wait a few more months for those performance optimizations to be available to most Apple users...
I will write a short article on how I managed to write this library using Expo Modules API and also how to use it, probably next week...
If it sounds like something you would be interested in, you can bookmark my blog website and give me a follow! π
https://andreizgirvaci.com/blog
However, these features are only supported in iOS 17 and macOS 14, so we'll have to wait a few more months for those performance optimizations to be available to most Apple users...
I will write a short article on how I managed to write this library using Expo Modules API and also how to use it, probably next week...
If it sounds like something you would be interested in, you can bookmark my blog website and give me a follow! π
https://andreizgirvaci.com/blog
Original Tweet: https://twitter.com/andrei_zgirvaci/status/1684570043043151874
Generating Images using Stable Diffusion natively on iPhone, 100% offline and free using Expo & React Native! π
I just published the
https://github.com/andrei-zgirvaci/expo-stable-diffusion
In case you want to dive deeper into this topic, you can read my in-depth guide on "How to Create AI-Generated Images on iOS in React Native Using Stable Diffusion" which I just published on my blog! π
https://andreizgirvaci.com/blog/how-to-create-ai-generated-images-on-ios-in-react-native-using-stable-diffusion
I am actively working on improving it, so if you encounter some bugs or have some suggestions, feel free to reach out or open an issue on GitHub!
Now that we can use Stable Diffusion to generate images with AI in an Expo & React Native app, what are your next app ideas do you have in mind that you are excited to build?
Let me know in the comments below!
I just published the
expo-stable-diffusion
module that I have been working on for the last few weeks! πhttps://github.com/andrei-zgirvaci/expo-stable-diffusion
In case you want to dive deeper into this topic, you can read my in-depth guide on "How to Create AI-Generated Images on iOS in React Native Using Stable Diffusion" which I just published on my blog! π
https://andreizgirvaci.com/blog/how-to-create-ai-generated-images-on-ios-in-react-native-using-stable-diffusion
I am actively working on improving it, so if you encounter some bugs or have some suggestions, feel free to reach out or open an issue on GitHub!
Now that we can use Stable Diffusion to generate images with AI in an Expo & React Native app, what are your next app ideas do you have in mind that you are excited to build?
Let me know in the comments below!
GitHub
GitHub - andrei-zgirvaci/expo-stable-diffusion: Run Stable Diffusion using Core ML on iOS within your Expo & React Native App
Run Stable Diffusion using Core ML on iOS within your Expo & React Native App - andrei-zgirvaci/expo-stable-diffusion