Why React Native is the Best Choice for Making Native Apps

  • The React Native CLI lets you start a new native app project that will work on both iOS and Android.
  • One of my favorite features of React Native app development is live reload.
  • React Native builds upon React’s philosophy of “Learn once, write anywhere,” making it easy for React web developers to build native apps.
  • Composable unified UI codebases, instant app updates, and better development tooling make React Native the better way to make native apps.
  • And if you want to check out a great example of a React Native app for data visualization, Victory UI Explorer by Angela Nicholas is one of my favorite Formidable projects.

Composable unified UI codebases, instant app updates, and better development tooling make React Native the better way to make native apps.
Continue reading “Why React Native is the Best Choice for Making Native Apps”

Speaker: Nader Dabit: O’Reilly Fluent Conference, June 19

  • •  (800) 889-8969 or (707) 827-7019  •  Monday-Friday 7:30am-5pm PT  •  All trademarks and registered trademarks appearing on oreilly.com are the property of their respective owners.
  • • 
    confreg@oreilly.com

Nader Dabit is the founder of React Native Training and has been creating applications using React Native for over 2 years.
Continue reading “Speaker: Nader Dabit: O’Reilly Fluent Conference, June 19”

JavaScript Frameworks: Learn React JS – Brandon Morelli – Medium

  • Stephen Grider has created two courses for learning React — A beginners course and an advanced course.
  • This is great because you can try the first course and see if you like React.
  • If you’re unaware, Redux is a state manager that helps you manage ‘state’ within your React applications.
  • That’s why you take Stephen’s course.
  • Redux: reducers, actions, and the state tree.Another ‘learn by building’ course, you’ll walk away with production ready web applications.

According to the 2016 Stack Overflow Survey, React is in the top ten for developer salaries and it’s the #1 fastest growing technology. That means more jobs and more opportunities for you — There’s…
Continue reading “JavaScript Frameworks: Learn React JS – Brandon Morelli – Medium”

Leveraging code-splitting in React Apps

  • Code-splitting allows you to split your code into separate bundles which you can load them on demand.
  • Code-splitting actually it allows you to split your code into separate bundles which you can load them on demand.
  • In Asynchronous way, you could do that by import, then calling a function, passing the path to your module, and then it returns a promise, and with the promise, you could actually do whatever you want to do.
  • Create a state that has the AsyncComponent, which is default, which is not a default, and in the componentDidMount, lifecycle method, you could call your component, because you’re passing a function, and then resolve the import actually, to get the module, and set the state to the AsyncComponent, and this basically loads, or this gives you the possibility to load, or to render the module as it’s there.
  • So there’s some useful patterns about code-splitting, which is when you start to improve your performance or pitch speed, you should definitely consider vendors, like longterm caching, it’s like split your bundle, or, put your common modules together into one, and like it renders, and your other modules into your separate views.

Code-splitting allows you to split your code into separate bundles which you can load them on demand. How do you do it? Why is it useful? How would you do it in React? Answers to these questions and more in the talk.
Continue reading “Leveraging code-splitting in React Apps”

Why Code Reviews are Important – David Leger – Medium

Why Code Reviews are Important  #softwaredevelopment #react #learningtocode #reactjs

  • Why Code Reviews are ImportantAh code reviews… That dreadful, tedious task that interrupts your focus and takes time away from meaningful work.
  • I can’t count how many times my code has sat in PR (pull request, if you’re unfamiliar with git lingo), lonely and waiting for approval by my fellow developers.
  • It’s understandable that people put off code review for the reasons I mentioned above and many more.As a junior developer (which I still am), I felt similarly towards code reviews.
  • However what I didn’t understand at the time was that the code review was more for me than it was for them.This became clear to me while I was reviewing a PR from a senior developer one day.
  • It’s hard to pick up on best practices on your own (at least I thought so), so being able to see how more experienced developers write components is a great way to learn how to write better code.Once I was able to see code reviews as a learning opportunity rather than a check on my coworkers’ code, I was able to gain a lot of value from them.

Ah code reviews… That dreadful, tedious task that interrupts your focus and takes time away from meaningful work. I can’t count how many times my code has sat in PR (pull request, if you’re…
Continue reading “Why Code Reviews are Important – David Leger – Medium”

How to Be A JavaScript Developer – Ken Rogers – Medium

How to Be A JavaScript Developer  #meteor #javascript #webdevelopment #react #reactjs

  • But I’ve always found that the best way to learn web development is to just build things.Meteor is a great way to get started just building things.It’s become a little more complex since its early days, but with the right setup and direction, it can still be a great way to bootstrap reactive applications.I think it’s a fantastic way to get started learning JavaScript development, or branch out into a new framework if you’ve already been using JavaScript for a while.So I wanted to put together this little guide that will serve as a potential path to learning web development with Meteor and React.All of these are resources that I have personally used and have served me well in learning.
  • Learn ES2015This free walkthrough of ES2015 does a great job of introducing you to the basics and walking you through how to use all of the new shiny things.Step 2 — Learn MeteorAlright, now that you’re familiar with JavaScript and its new syntax and capabilities, it’s time to dive in to Meteor.The Meteor TutorialThe official tutorial from Meteor.
  • The Meteor GuideAfter you’ve been introduced to Meteor with the tutorial, dive in to the guide to learn how to structure your project, and to get some more in depth knowledge on the finer points of MeteorStep 3 — Learn ReactSo you’ve got a decent handle on Meteor, not let’s dive into React.The React DocsThe official React docs do a good job of introducing you to the concepts and how to think in a React-ish way.2.
  • It also comes with GitHub source code so you can use it as an example.Phase 2 — BuildStep 1 — Experiment with BaseNow that you’ve got a good grasp on how to develop using Meteor and React, it’s time to start building things.Base is a Meteor boilerplate project to help you bootstrap your Meteor projects.It’s built with React and also uses React Router.In my opinion, downloading Base and digging into it, hacking on it, and using to as the starting point for your own project is one of the best ways to learn development with Meteor.By digging into Base, you’ll get an idea of best practices when building things with Meteor and React, and you’ll be able to use it as a template for building projects.Using the books and courses from the Learn phase as your foundation, you’ll be able to understand how Base is put together and how it all works.Really take the time to dig into every different component and figure out how everything is working.
  • Resist the urge to bounce around from framework to framework, constantly switching to whatever seems coolest.Instead, find problems that need to be solved, figure out a way to solve them with web applications, and then find the proper tool for the job.One of the most important skills for a professional developer is being able to build usable applications that solve real problems for real people.If you can find examples of those out in the wild, and build up a portfolio of yourself solving those with web apps, you’ll be indispensable.So now that you know the basics of JavaScript development with Meteor and React, I want you to get out there and start using that knowledge to solve real problems.Share that knowledge and those solutions with others.

A few years ago, I stumbled on a video of somebody making a responsive, real-time web app using something called Meteor. If you haven’t seen it yet, I recommend giving it a watch. It was pretty…
Continue reading “How to Be A JavaScript Developer – Ken Rogers – Medium”

React Lifecycle, Quickly by the Method – Gabriel Kunkel – Medium

React Lifecycle, Quickly by the Method  #javascript #react #reactjs

  • React Lifecycle, Quickly by the MethodThese methods aren’t perfectly desirable to use, but they’re a way of exerting more control over the situation when the rest of the world just doesn’t want to cooperate with React.componentWillMount: Use for connecting to API’s on root components or containers.
  • componentDidMount: Load your data and do anything you need to do to a component.
  • After a parent component did some value changing.
  • This is the place to change outside DOM things in respect to changes that are linked up to the values tracked by react.
  • If you’re going to kill your component, this is the place where you clean-up everything that react won’t clean up on its own, including network requests, event listeners, and a canvas box.The whole cycle with methods.

These methods aren’t perfectly desirable to use, but they’re a way of exerting more control over the situation when the rest of the world just doesn’t want to cooperate with React.
Continue reading “React Lifecycle, Quickly by the Method – Gabriel Kunkel – Medium”