React Native Elements — My Journey through Open Source

#reactnative Elements — My Journey through Open Source

  • React Native Elements — My Journey through Open SourceI first got involved with Open Source in late 2016 when I was learning how to build React Native apps.
  • I had been developing iOS apps before then, and was aware of the huge open source ecosystems surrounding different technologies but never got the opportunity to create or contribute to an open source project.
  • So sometime around October 2016, I came up with the idea of creating a RN boilerplate app that uses the best npm packages comes prepackaged with the most commonly used technologies such as React Redux, Navigation, Vector Icons etc.
  • Since then I have come a long way with respect to Open Source, creating multiple npm packages as well as maintaining React Native Elements, which is the most popular UI library for React Native.
  • Feel free to hit me up if would like to get involved with Open Source projects such as RNE or just get a cup of coffee (online or IRL) and have a conversation.

I first got involved with Open Source in late 2016 when I was learning how to build React Native apps. I had been developing iOS apps before then, and was aware of the huge open source ecosystems…
Continue reading “React Native Elements — My Journey through Open Source”

Kotlin vs. React Native: Which Is Better?

Kotlin vs. React Native: Which Is Better?

  • Kotlin, a programming language, pitched against React Native, a JavaScript library – let’s see what sticks and what slips.
  • Same app quality: This might not mean anything to some of you, but apps developed in React Native vs. apps developed in Kotlin feel the same.
  • If you compare an optimized Kotlin app with a React Native app, React Native will fall behind.
  • If your developer does not have apt knowledge about the native language (iOS or Android), which is something (he/she) was probably avoiding in the first place by choosing React Native, this will be a major problem.
  • Using React Native for its intended tasks performs quite well – but I think, this JavaScript library, with all its goods and glory, cannot outweigh Kotlin as a language.

This post covers the basics of the Kotlin programming language and compares it to the React Native JavaScript library for mobile application development.
Continue reading “Kotlin vs. React Native: Which Is Better?”

Easily Build Forms in React Native – React Native Development – Medium

Easily Build Forms in React Native -

  • A few things you might have to take care of… – Creating the necessary components (text inputs, select inputs, checkboxes, switches, etc)Writing/finding validation logicUpdating your components to display any errors (I always forget to do this)Updating your UI whenever you change fieldsNone of these things are difficult, but they can…
  • What We’re BuildingWe’ll be building a sign up form that has the following fields – Email (required)Username (optional)Password (required)Agree to terms (required)Defining the Form ModelThe first thing we need to do is define a model for our form — this is what will be passed to the form component and used to render the…
  • First we need to get the Form component (line 6) then we need to render the form and pass our model to it as the type (line 19).
  • Then pass those options to the Form component – Let’s do the same thing to add some error the Form DesignThe final thing I want to do is modify the design of this form slightly.
  • You can do quite a few things but I’m just going to be changing the label color on this one form.

If you’re building a React Native app it’s almost a guarantee that you’ll have to build at least one form. The reality is you’ll probably build quite a few (sign in, sign up, edit profile, etc.)…
Continue reading “Easily Build Forms in React Native – React Native Development – Medium”

5 Reasons Why I Love React Native – codeburst

“5 Reasons Why I Love #ReactNative” — @AdhithiRavi

  • If you know Javascript, it is easy to learn.I started writing my first React Native app, with zero prior experience in mobile application development.
  • Web developers can leverage their knowledge in Javascript to write React Native apps.
  • Don’t ever waste time recompiling.This is one of my most favorite aspects of developing React Native Apps.
  • Android Date Picker— Underlying Native WidgetiOS Date Picker — Underlying Native WidgetThese are some aspects of React Native that makes the developer’s life much easier and we don’t need to reinvent the wheel here.
  • With React Native build Android, iOS and Windows Apps all in Javascript.5.

React Native is very popular these days, and thousands of apps are already built using React Native. Big names like Facebook, AirBnB, Uber, and many other companies have embraced React Native and are…
Continue reading “5 Reasons Why I Love React Native – codeburst”

How to Set up a New React Native Project

Starting a new project is intimidating - here's how I start #ReactNative projects

  • There’s no lack of flexibility when you’re starting a React Native project.
  • You get to choose how you organize your project, which packages to use, which editor to use, and so on.
  • I’ve found this to be true while talking with over 5,000 students and through my own experience of building React Native apps over the last few years.
  • Flexibility is great.
  • In this 40 minute course I’ll share with you: – – Whether you’re starting a brand new project or just looking for tips and how to improve your development environment join me in this quick 40 minute course that can save you hours throughout the life of your current and…

Tips, Tricks, and Tools to Optimize Your React Native Development Workflow
Continue reading “How to Set up a New React Native Project”

React Native Mobile Apps (iOS and Android)

React Native Mobile Apps (IOS And Android) – The Practical Guide
  

#ReactNative

  • React Native Mobile Apps (iOS and Android) – Use React Native and your React knowledge and take your web development skills to build native iOS and Android Apps – – Mobile applications are one of the best ways to engage with users – no wonder everyone wants to build one!
  • Wouldn’t it be great if you could use your web development knowledge, combined with your React knowledge, to build mobile apps with that?
  • No need to learn Java, Android, Swift, ObjectiveC or anything of that – React and JavaScript is all you need to create awesome native mobile apps that work on both Android and iOS.
  • I’ll teach you all you need to create your own React Native apps, publish them to the Google Play Store and Apple App Store and dive really deep into the React Native ecosystem.
  • You’ll learn all about the theory behind React Native, its core concepts, how to build responsive designs that work on different device sizes, how to animate React Native apps, how to navigate around, use maps and the camera and so much more!

React Native Mobile Apps- The Practical Guide- Use React Native and your React knowledge and take your web development skills to build native iOS and Android Apps
Continue reading “React Native Mobile Apps (iOS and Android)”

Top 3 React Js Courses of 2018 (React Course)

Learn about the Top 3 React Js Courses

Learn More >> 

#reactJS #javascript #react

  • Want to read more amazing reviews about Stephen Grider’s The Complete React Native and Redux Course?
  • Yes, click here to read more reviews… – – Description: Master the fundamentals of React and Redux with this tutorial as you develop apps with React Router, Webpack, and ES6 – – Ratings: 4.7 (24,482 ratings) – – Students: 83,494 students enrolled – – Instructor: Stephen Grider – – -…
  • Second time I repeated watching this lesson, I started to realized that he is really helpful and nice teacher…” – – Want to read more amazing reviews about Stephen Grider’s Modern React with Redux course?
  • Yes, click here to read more reviews… – – Description: Detailed walkthroughs on advanced React and Redux concepts – Authentication, Testing, Middlewares, HOC’s, and Deployment – – Ratings: 4.7 (4,949 ratings) – – Students: 33,983 students enrolled – – Instructor: Stephen Grider – – – – “Although there were a…
  • Want to read more amazing reviews about Stephen Grider’s Advanced React and Redux course?

Continue reading “Top 3 React Js Courses of 2018 (React Course)”

React Native Exercises

Level up your #ReactNative skillz with 10 🔥🔥🔥 exercises

  • I’ve worked with over 5,000 people to help them become better React Native developers.
  • It’s ten exercises to help you become a better React Native developer.
  • The exercises are directly related to the work you’ll be doing when using React Native.
  • I guarantee that these exercises will make you a better React Native developer.
  • Join the over 5,000 people who have already taken my React Native courses and level up your knowledge.

Ten Exercises to Make You a Better React Native Developer
Continue reading “React Native Exercises”

We Rebuilt a React Native App with Flutter – GeekyAnts Blog

We Rebuilt a React Native App with Flutter  #mobile_app_development #google #react #flutter

  • Unlike Flutter’s Flat App, in React Native we had to use third-party libraries since React Native does not have a UI components library of its own.
  • React Native Elements, React Native Material Design and Shoutem are other similar UI libraries that are available to the user.
  • Flat App in Flutter performs better than the one in React Native because it has minimal interaction with the native code.
  • Here’s the Drawer from the Flutter Flat App alongwith its React Native equivalent called SideBar: – React Native Flat App’s SideBar ComponentFlutter FlatApp’s Drawer WidgetInkwell defines a rectangular area of a Material that responds to touch.
  • In React Native, we don’t need to create a whole new component to create this ripple effect.

Last year, we launched a React Native starter kit called Flat App. This kit contains a flat UI design along with Redux and NativeBase components for iOS and Android application. Flat App is basically…
Continue reading “We Rebuilt a React Native App with Flutter – GeekyAnts Blog”

5 Reasons Why I Love React Native – codeburst

5 Reasons Why I Love #reactnative – codeburst

  • If you know Javascript, it is easy to learn.I started writing my first React Native app, with zero prior experience in mobile application development.
  • Web developers can leverage their knowledge in Javascript to write React Native apps.
  • Don’t ever waste time recompiling.This is one of my most favorite aspects of developing React Native Apps.
  • Android Date Picker— Underlying Native WidgetiOS Date Picker — Underlying Native WidgetThese are some aspects of React Native that makes the developer’s life much easier and we don’t need to reinvent the wheel here.
  • With React Native build Android, iOS and Windows Apps all in Javascript.5.

React Native is very popular these days, and thousands of apps are already built using React Native. Big names like Facebook, AirBnB, Uber, and many other companies have embraced React Native and are…
Continue reading “5 Reasons Why I Love React Native – codeburst”