- When we were implementing the Cheapp application we were looking for nice component for viewing images.
- In our app we had upload indicator etc. built into our image viewer, so this component we released is pretty much built from the scratch to make it bit simpler and also to make it bit more customizable so it hopefully fits better for other peoples needs too.
- Package includes Slide, SlideZoom, RotateY and Stack animations.
- index=0 means that image is active and you can use those parameters to define enter/exit animations for your items as you like.
- Here’s example of normal slide animation, but other animations are pretty much the same too.
Content Swiper component for React Native is out now
Continue reading “Content Swiper for React Native is released”
The React Native monthly meeting continues! This month’s meeting was a bit shorter as most of our teams were busy shipping. Next month, we are at React Native EU conference in Wroclaw, Poland. Make sure to grab a ticket and see you there in person! Meanwhile, let’s see what our teams are up to.
Continue reading “React Native Monthly #3”
- Here’s what you can expect to happen when you open an issue or send a pull request.
- In order to help maintainers focus on what is actionable, maintainers ask contributors to do a bit of work prior to opening a new issue:
Issues that do not meet the above criteria can be closed immediately, with a link to the contributor’s guide.
- Whatever the reason, when closing a pull request maintainers should keep the conversation friendly:
Sometimes when a maintainer says no to a pull request or close an issue, a contributor may get upset and criticize your decision.
- Once you have become an active contributor in the community, you may open a pull request to add yourself to the list, making sure to list your prior contributions to the community when doing so.
- The bot can be triggered by adding any of the following commands as a standalone comment on an issue:
Additionally, the following commands can be used on a pull request:
So you have read through the contributor’s guide and you’re getting ready to send your first pull request. Perhaps you’ve found an issue in React Native and want to work with the maintainers to land a fix. Here’s what you can expect to happen when you open an issue or send a pull request.
Continue reading “What to Expect from Maintainers #”
- TL;DR;appr builds and deploys pull requests in your create-react-native-app and Expo-based projects, and posts a link and a QR code to your PR, so you can run the app on your device or emulator in seconds!Great teams review their codeI’m sure you’ll agree: Code reviews are a useful tool in a development team’s workflow.
- You wouldn’t release code to production without having another pair of eyes on it first, would you?Thankfully, GitHub makes code reviews simple.
- Netlify offers the same functionality for deploying static front end sites.Sadly, this one-click workflow hasn’t been available to mobile developers without setting up complex build and deployment pipelines, and even then, installing an app to be able to test a simple change still takes way too long.Inspired by Expo Sketch, I wanted to see if it would be possible to set up review apps for React Native.Introducing apprAppr is a script that deploys pull requests in your project to Expo, and posts a link and a QR code to your PR.
- Point your Expo app camera to the QR code and the review app will launch on your device.
- Switching to your preferred CI should be easy, and PRs to add support are welcome!To make testing your pull requests easy, head to FormidableLabs/appr on GitHub and follow the simple Getting started guide to add appr to your project!
Jani builds React Native apps at Formidable, a Seattle/London-based consultancy and open-source shop. You can follow him on Twitter as @jevakallio. appr builds and deploys pull requests in your…
Continue reading “Guest Post: Automatically Deploy Pull Requests for Create React Native App and Expo Projects”
- However, react-native-navigation is not required for embedding the PESDK into your React Native application.Launching the PhotoEditor SDK from React NativeTo successfully launch our editor from React Native we needed to do three things:Add the PESDK library to our iOS project.Create a native module that bridges between React Native and the PhotoEditor SDK.Add a method to create a ToolbarController, push a PhotoEditController and present them from the current view controller.Call the method, wherever we want to edit an image in our React Native codeThe first step was rather easy.
- In the classes implementation we registered our module with React Native by calling RCT_EXPORT_MODULE(PESDK):In order to create a new photo editor view controller we needed to create a new ToolbarController and push a PhotoEditController that loads a sample image.
- All image fetching, scrolling, etc. is handled by React Native, so we only needed to handle the user’s taps on an image:We used react-native-fs to download a larger resolution image to the local filesystem, pass the path of the local file to our present() call and modify our iOS native module:We then had a nice little app, that shows a grid of images, loads a high-resolution image upon selection and opens the PhotoEditor SDK:The iOS demo app running on a device.Android implementationAs we have seen, opening the PESDK from React Native can easily be done on iOS.
- To accomplish this we needed to repeat some of the previous steps for Android:Add the PESDK to our Android project.Create a native module that bridges between React Native and the PESDK.Add a method to launch an ImglyIntent using the PhotoEditorBuilder from the current Activity.Installing the SDK is again done by following the instructions for integrating the PESDK and shouldn’t take more than a few minutes.
- Creating a native module on Android is quite similar to iOS, although a little more setup code is required: We created our PESDKModule that recreates the present(path) method from iOS, a PESDKPackage containing our module and finally added the package to our Application:This time, we prepared the desired settings for our editor, added our image path and passed everything to a PhotoEditorBuilder.
Often our users ask whether it’s possible to use the PhotoEditor SDK for iOS and Android with React Native (the good news right away: Yes, it is possible and fairly easy as well). So, we set out to…
Continue reading “PhotoEditor SDK + React Native – imgly”
- To determine the column header, or the form label, Fields and Inputs components now use the source when there is no label .
- Admin-on-rest is smart enough to “humanize” the source so that it is readable by a human.
- You should now be able to write complete admins without ever looking at the components source.
- Although you can create a REST client function of your own, when all you need is to add custom headers to all the requests sent by admin-on-rest, it’s cumbersome to duplicate the existing code of simpleRestClient .
- [BC Break] Remove credentials: include header enabled by default
Published on 10 November 2016
by François Zaninotto
with tags admin-on-rest ng-admin ReactJS open source
Continue reading “admin-on-rest 0.5 is out”
- Apps built with react native render truly native OS views,using native components, no web views involved.
- For example you can use moment.js, socket.io or any module you are used to using doing web inside react native,and most of them just work.
- In the article I tried to summarize the top 5 reasons that attracted me to react native, and which i think make it the best tool out there to do native without actually dwelling into objc/swift/java.
- Js and web development, and brings it to native mobile development.
Read the full article, click here.
@ReactiveConf: “5 reasons to go Native with #ReactJS:”
As this is my first article on medium I will introduce myself, my name is Yoni, I’m 27 years old and currently residing in Israel. Been…
5 Reasons To Go React Native — React Native Academy — Medium
- Pushed 2 commits to angular/platform-server-builds Jun 1
- Pushed 2 commits to angular/platform-browser-dynamic-builds Jun 1
- Pushed 2 commits to angular/platform-browser-builds Jun 1
- Pushed 2 commits to angular/http-builds Jun 1
- Pushed 2 commits to angular/core-builds Jun 1
Read the full article, click here.
@ReactiveConf: “#ReactiveConf is not only #ReactJS! Check our @angularjs speaker @IgorMinar from @google:”
IgorMinar (Igor Minar) · GitHub