Monday & #ReactNative 💙 #iOS #Android #mobile #apps #DevOps #software

Monday & #ReactNative 💙 

#iOS #Android #mobile #apps #DevOps #software

  • That’s why, today I’d like to share a number of things that boost my productivity while creating mobile app in React Native.
  • Storybook allows you to create stories in which you prepare pre filled UI elements with data that could possibly show up there during normal app lifetime.
  • Later within a few seconds you can easily go through all stories that you’ve described and see how they look on your device / emulator without the need of going through all of these states in normal app flow which takes much longer time.
  • This is a tiny example of a single story, however if you develop a normal app, you will surely have much more of them which may cover all of possible UI states for your components.
  • If your app grows, it’s easy to guess that tests will not run in a matter of milliseconds, but it’s still normal to have a result of them within 1-3 seconds from the time that you saved your file.

A developer needs tools that support her/his workflow to be fully productive. Well, I guess that this statement fits to any profession that you can think of. It is really important for me to feel that the environment that I’m working in really supports my flow and works well with my approach to software development.
Continue reading “Monday & #ReactNative 💙

#iOS #Android #mobile #apps #DevOps #software”

The Beauty Of React Native: Building Your First iOS App With JavaScript (Part 2) – Smashing Magazine

Current status: reading my own react native tutorial to recall stuff

  • I added a primitive update mechanism: if the data is stored on device and has not been updated in a week, pull the data across the network again.
  • You see, the components used like the Activity Indicator, AlertIOS, CameraRoll are iOS specific they won’t work on Android.
  • Finally isDoubleTap in the return statement checks if the time difference between the previous and current tap is less than 300 milliseconds ( DOUBLE_TAP_DELAY ), and if the distance between the two consecutive taps is less than 20px ( DOUBLE_TAP_RADIUS ).
  • 23 Alert modal pops up when wallpaper is successfully saved to the Camera Roll.
  • Placing App Icons in appropriate holders.37 Placing App Icons in appropriate holders.

In part 1 of this tutorial we started building our iOS app from scratch. We started out by setting up a blank React Native project. Then we pulled data from the API. Because downloading data takes time, we built a loading screen. In the process we went over positioning UI elements with flexbox and styling them using CSS-like properties. Towards the end of part 1 we downloaded and included a third-party Swiper component from GitHub, which allowed us to display wallpaper data in a swipeable container.
Continue reading “The Beauty Of React Native: Building Your First iOS App With JavaScript (Part 2) – Smashing Magazine”

React Native: A Welcoming, Exciting Community – sgringwe

#ReactJS Native: A welcoming, exciting community:

  • It’s exciting to be joining the React Native community, and to be starting a journey of building a full React Native mobile app.
  • I’m very thankful for such prominent React Native contributors so willing to take time out of their day to help introduce React Native.
  • Debugging will inevitably get into native code, and bridges for custom components will need to be written, etc.
  • There are 3 core reasons why I believe this: Community, Familiarity, and Technology.
  • I hope to see more platforms like this which allow your same, shared, React Native code to run on even more platforms.

Over the past few months, I’ve had the pleasure of researching and exploring React Native. After this research, I have no doubts that React Native will continue to make big splashes in the mobile…
Continue reading “React Native: A Welcoming, Exciting Community – sgringwe”

Why React – techboi – Medium

Here's why we use React for building UIs. #techboi #blog #reactjs #frontend #development

  • Further UI state transitions must be accomplished with references to UI elements and piece-wise mutations.
  • Instead of trying to patch over the problems of UI state transitions, React describes the UI at any given point in time .
  • There is little ceremony involved in creating a component, and it is easy to compose components and to create higher-order ones.
  • Put differently, you do not have to manually take care of UI state transitions anymore which considerably reduces error-proneness.
  • There is no separate templating language to describe the UI and its view tree.

React is a popular library for creating user interfaces (UIs). Since its public release in mid 2013 it continues to gain traction and…
Continue reading “Why React – techboi – Medium”