The Beginner’s Guide to ReactJS from @kentcdodds on @eggheadio

The Beginner's Guide to ReactJS - #react course by @kentcdodds

  • This course is for React newbies and those looking to get a better understanding of React fundamentals.
  • With a focus on React fundamentals, you’ll come out of this course knowing what problems React can solve for you and how it goes about solving those problems.
  • Each lesson in this course is just a single file which will help you keep your focus on learning React and not distracted by all the tools that make production applications work.
  • The course wraps up with a lesson on how to move from these files to a more production ready development environment and even how to deploy your app to a great service like Netlify.

This course is for React newbies and those looking to get a better understanding of React fundamentals. With a focus on React fundamentals, you’ll come out of this course knowing what problems React can solve for you and how it goes about solving those problems. You will have a good grasp on what JSX is and how it translates to regular JavaScript function calls and objects.
Each lesson in this course is just a single index.html file which will help you keep your focus on learning React and not distracted by all the tools that make production applications work. The course wraps up with a lesson on how to move from these index.html files to a more production ready development environment and even how to deploy your app to a great service like Netlify.
Enjoy!
Continue reading “The Beginner’s Guide to ReactJS from @kentcdodds on @eggheadio”

The Beginner’s Guide to ReactJS from @kentcdodds on @eggheadio

Learning The Beginner’s Guide to ReactJS from the man himself, @kentcdodds.  @utjs @octanner

  • This course is for React newbies and those looking to get a better understanding of React fundamentals.
  • With a focus on React fundamentals, you’ll come out of this course knowing what problems React can solve for you and how it goes about solving those problems.
  • Each lesson in this course is just a single file which will help you keep your focus on learning React and not distracted by all the tools that make production applications work.
  • The course wraps up with a lesson on how to move from these files to a more production ready development environment and even how to deploy your app to a great service like Netlify.

This course is for React newbies and those looking to get a better understanding of React fundamentals. With a focus on React fundamentals, you’ll come out of this course knowing what problems React can solve for you and how it goes about solving those problems. You will have a good grasp on what JSX is and how it translates to regular JavaScript function calls and objects.
Each lesson in this course is just a single index.html file which will help you keep your focus on learning React and not distracted by all the tools that make production applications work. The course wraps up with a lesson on how to move from these index.html files to a more production ready development environment and even how to deploy your app to a great service like Netlify.
Enjoy!
Continue reading “The Beginner’s Guide to ReactJS from @kentcdodds on @eggheadio”

The Beginner’s Guide to ReactJS from @kentcdodds on @eggheadio

The Beginner's Guide to ReactJS - #react course by @kentcdodds

  • This course is for React newbies and those looking to get a better understanding of React fundamentals.
  • With a focus on React fundamentals, you’ll come out of this course knowing what problems React can solve for you and how it goes about solving those problems.
  • Each lesson in this course is just a single file which will help you keep your focus on learning React and not distracted by all the tools that make production applications work.
  • The course wraps up with a lesson on how to move from these files to a more production ready development environment and even how to deploy your app to a great service like Netlify.

This course is for React newbies and those looking to get a better understanding of React fundamentals. With a focus on React fundamentals, you’ll come out of this course knowing what problems React can solve for you and how it goes about solving those problems. You will have a good grasp on what JSX is and how it translates to regular JavaScript function calls and objects.
Each lesson in this course is just a single index.html file which will help you keep your focus on learning React and not distracted by all the tools that make production applications work. The course wraps up with a lesson on how to move from these index.html files to a more production ready development environment and even how to deploy your app to a great service like Netlify.
Enjoy!

Continue reading “The Beginner’s Guide to ReactJS from @kentcdodds on @eggheadio”

Control your home using only Javascript – francesco marassi – Medium

How to use #ReactJS, #NodeJS and Espruino on ESP8266 to build some smart home components:

  • JS for the Back-EndEspruino for the components (based on ESP8266)As you can see, there are three main components in this architecture:Progressive Web AppHere I can switch on/off the lights, share nodes with other people and schedule some events for the future.Iper-Cool web appIt’s using React and Redux to handle all the state, and this is also saved on LocalStorage.
  • It’s composed by:an API to create nodes, set node state (switch on/off, change brightness…), add a user to a node and get info about a user.
  • The authentication is based on a Token strategy.A MQTT broker (i’m using Mosca) to connect to the nodes and send/receive state changes.A Socket.io server, to send to the Web app all the state changes caused by other users or by the server (for example: a scheduled event to turn off a light)A MongoDB Database: at work i’m a Postgres guy, so I wanted to give Mongo a try :)The server is really lightweight and I tried to use fewer possible packages and write lots of things by myself.NodesEvery node is based on ESP8266, a microcontroller with integrated WI-FI.
  • jpg”, “users” : [], “schedules” : [], “registered” : true, “uuid” : “code” : “4838”, //used on first node setup “state” : { “open” : false }}A type describes the type of the node: for now I created a temperature node that sends the temperature to the server, and some switch nodes, that turn on/off lights or other electronic devices (a TV).
  • Every time a user make a change on the Web App, a new state is saved on MongoDB and sent via MQTT to the node.

In the last 2 months I spent some nights creating a smart home architecture, based exclusively on Javascript. Here I can switch on/off the lights, share nodes with other people and schedule some…
Continue reading “Control your home using only Javascript – francesco marassi – Medium”