Your Choice JavaScript News

React News Thursday, February 1

React News TLDR / Table of Contents

  • React, Redux and JavaScript Architecture
    • Whether you use them or not, React and Redux are important. They have changed the way we think about structuring front-end web applications. They can be very powerful. But they are not magic. JavaScript code does not automatically become better just because it uses React. It is easy to write…
    • state, React, Redux, toggle button, component
  • Flying a drone using JavaScript – Code School –
    • With a little bit of JavaScript knowledge, you can interact with the world in exciting ways. For instance, in just a few minutes, we were able to fly a small drone using a JavaScript application in…
    • drone, Parrot Mambo drone, small drone, built-in Bluetooth functions, Parrot Rolling Spider
    • This week we have a rather controversial article “Nested Ternaries are Great” by Eric Elliott. With some convincing arguing, he advocates usage of the ternaries even the nested ones. It’s likely that most will be terrified by this statement but someone might change their mind.

      Joey Clover opened his soul and…

    • javascript, great JavaScript framework, new JavaScript framework, official Aurelia blog, nested ternaries
  • JavaScriptKicks
    • JavaScriptKicks is a community based news site focused on JavaScript
    • Ben Nadel, best JavaScript articles, handy CLI tool, web component pattern, Design-based Management Console
    • Loading,
  • Redirecting…

    Score: 174000
    URL: https://jrsinclair.com/articles/2018/react-redux-javascript-architecture/
    Tweeted At: Thu Feb 01 05:00:23 +0000 2018
    Publish Date: 2018-01-08T00:46:55+00:00
    Author: James Sinclair

    • In the code above I’ve used the class, but we could just as easily write something like this: – – So, we’ve stored the state of our button in two places.
    • For a larger project, we want to separate our component’s state from the DOM.
    • Why would we want to do that our component’s state from its DOM representation?
    • In the example above, our toggle button state happens to control two things in the DOM.
    • Still, this code doesn’t store our state in the DOM.

    Tags: state, React, Redux, toggle button, component

    Score: 11000
    URL: https://medium.com/code-school/flying-a-drone-using-javascript-28e7bce888ec
    Tweeted At: Thu Feb 01 15:52:34 +0000 2018
    Publish Date: 2017-03-22T15:32:01.424000+00:00
    Author: Code School

    • For instance, in just a few minutes, we were able to fly a small drone using a JavaScript application in our web browser.The idea behind this project is to use the drone’s Bluetooth connectivity to receive commands from another Bluetooth-enabled device, like a computer or smartphone.
    • In the video above, Sergio Cruz accesses his laptop’s built-in Bluetooth functions to send commands to a drone using a Node.js application he built.Using Node.jsThis project uses some basic Node.js syntax and JavaScript knowledge.
    • This package was created for the Parrot Rolling Spider, a similar product to our Parrot Mambo that was recently discontinued.Flying the droneOnce you’ve purchased your drone and found a suitable Node package to control it, you’re ready to start flying!In the package we chose, the setup instructions look like this:First, we…
    • This allowed us to connect to the drone and start flying!var RollingSpider = require(“rolling-spider”);var rollingSpider = new RollingSpider({ uuid: ‘Mambo_434915’});We then used our package’s syntax recommendations to connect to the drone, set up the available commands, and ping the drone so it stays { rollingSpider.setup(function() { rollingSpider.startPing(); });});Finally, we read…
    • A full list of available commands are in the Rolling Spider documentation.Adding React and Socket.ioA preview of our React and Socket.io application.The original Node.js application can control the drone using the command line.

    Tags: drone, Parrot Mambo drone, small drone, built-in Bluetooth functions, Parrot Rolling Spider

    Score: 7950
    URL: http://javascriptkicks.com/
    Tweeted At: Wed Jan 31 22:00:31 +0000 2018
    Publish Date:
    Author:

    • This week we have a rather controversial article “Nested Ternaries are Great” by Eric Elliott.
    • With some convincing arguing, he advocates usage of the ternaries even the nested ones.
    • Joey Clover opened his soul and publish his love story in the great article ” I used to hate JavaScript.
    • In the article “JavaScript — Truthy Values Don’t Always Equal True”, Brandon Morelli dives into the ECMAScript® 2017 Language Specification, and explains why a value can be truthy, but not coerce to loosely equal true.
    • Make sure to check out the exciting news about this great JavaScript framework.

    Tags: javascript, great JavaScript framework, new JavaScript framework, official Aurelia blog, nested ternaries

    Score: 180
    URL: http://javascriptkicks.com/stories
    Tweeted At: Thu Feb 01 17:00:15 +0000 2018
    Publish Date:
    Author:

      Tags: Ben Nadel, best JavaScript articles, handy CLI tool, web component pattern, Design-based Management Console

      Score: 140
      URL: https://academy.learnstartup.net/p/rktk8MgZx/advanced-react-and-redux/
      Tweeted At: Thu Feb 01 13:18:12 +0000 2018
      Publish Date:
      Author:

        Tags: Loading,

        Score: 37.8
        URL: http://msft.social/scmf/OrMCe04Lcp0lODkwekdArG8L3k56Rz9IEHE8Tpy-RtFr679PATlA0mxzPEt6P5TJJfu2r5of5VHHupa_BGwtnYNSJQl2C3Kd/wr6P72
        Tweeted At: Wed Jan 24 22:55:01 +0000 2018
        Publish Date:
        Author:

          Tags:

          Top React Courses

          Modern React with Redux (86,762 students enrolled)

          By Stephen Grider
          • Build amazing single page applications with React JS and Redux
          • Master fundamental concepts behind structuring Redux applications
          • Realize the power of building composable components
          • Be the engineer who explains how Redux works to everyone else, because you know the fundamentals so well
          • Become fluent in the toolchain supporting React, including NPM, Webpack, Babel, and ES6/ES2015 Javascript syntax

          Learn more.


          The Complete React Native and Redux Course (53,888 students enrolled)

          By Stephen Grider
          • Create real-world native apps using React Native
          • Make truly reusable components that look great
          • Understand the terminology and concepts of Redux
          • Prototype and deploy your own applications to the Apple and Google Play Stores
          • Get up to speed with React design principles and methodologies
          • Discover mobile design patterns used by experienced engineers

          Learn more.


          Advanced React and Redux (35,016 students enrolled)

          By Stephen Grider
          • Build a scaleable API with authentication using Express, Mongo, and Passport
          • Learn the differences between cookie-based and token-based authentication
          • Figure out what a Higher Order Component and how to use it to write dramatically less code
          • Write Redux middleware from scratch to uncover what is happening behind the scenes with Redux
          • Set up your own testing environment with Mocha and Chai
          • Realize the power of building composable components

          Learn more.


          React Redux React-Router: From Beginner to Paid Professional (11,715 students enrolled)

          By Leonardo Daniel
          • Building your amazing web applications with React JS and Redux
          • Getting a high-paying job as a front-end developer
          • Getting experience through doing many exercises. Re-enforcing your knowledge of ES6, advanced JavaScript, Redux, React through attempting a lot of quizzes. Practice makes perfect.
          • Becoming familiar with the technologies supporting React, including NPM, Webpack, Babel, and ES6/ES2015.

          Learn more.


          React Native: Advanced Concepts (16,058 students enrolled)

          By Stephen Grider
          • Make compelling applications using expert-level features of React Native
          • Create amazingly smooth and performant animations
          • Build new React Native apps with Expo
          • Understand the latest Navigation options for new React Native apps
          • Add logic to your Firebase backend with Google Cloud Functions
          • Update your users with cross platform Push Notifications
          • Handle your users going offline with Redux Persist

          Learn more.


          React JS and Redux - Mastering Web Apps (54,299 students enrolled)

          By David Katz
          • Develop entire React JS and Redux applications from scratch.
          • Build applications that deal with APIs and web requests.
          • Discuss ES6 and advanced JavaScript.
          • Create web apps with full authentication, and real-time database.

          Learn more.


          React basic in just 1 hour (22,331 students enrolled)

          By Leo Trieu
          • Taste of how to build your very first React component.
          • How to handle event in components.
          • Understand two key concepts of React: State and Props.
          • How to reuse and nest components.
          • How to transfer data between Parent, Child components.
          • How to work with Array, Form

          Learn more.


          Meteor and React for Realtime Apps (7,889 students enrolled)

          By Stephen Grider
          • Create interactive web apps amazingly fast
          • Build amazing single page applications with Meteor and React JS
          • Master fundamental concepts behind structuring Meteor applications
          • Learn the true purpose of Meteor in a modern application
          • Be the engineer who explains how Meteor works to everyone else, because you know the fundamentals so well
          • Build and prototype interesting personal projects in a weekend

          Learn more.


          GraphQL with React: The Complete Developers Guide (14,683 students enrolled)

          By Stephen Grider
          • Build amazing single page applications with React JS and GraphQL
          • Master fundamental concepts behind structuring GraphQL servers
          • Realize the power of building flexible data schemas
          • Be the engineer who explains how GraphQL works to everyone else, because you know the fundamentals so well
          • Become fluent in the ecosystem supporting GraphQL, including the differences between Apollo and Relay

          Learn more.


          Essentials in JavaScript ES6 - A Fun and Clear Introduction (40,155 students enrolled)

          By David Katz
          • Create ES6 applications from the ground up.
          • Use the terminal/command-line application and a code editor to code.
          • Look at ES6 code and understand keyword and concepts.
          • Create live development servers with Webpack.

          Learn more.


          The Full JavaScript & ES6 Tutorial - (including ES7 & React) (55,808 students enrolled)

          By David Katz
          • Code in JavaScript like a pro.
          • Code in es6 comfortably, using all the new features.
          • Build es6 projects from the ground up using tools like webpack and babel.
          • Create a basic ReactJS application from scratch.

          Learn more.