The Best React Newsletters

Improve our #reactjs  knowledge with these awesome newsletters

  • Fullstack React is a weekly newsletter about the React ecosystem with an emphasis on useful libraries, tutorials and code.
  • Subscribe to read the best articles each week on React, Flux, GraphQL, Relay, and friends.

Must-read React Newsletters You Should Be Subscribed To
Continue reading “The Best React Newsletters”

The Best React Newsletters

These are the best #reactjs newsletters you should be subscribed to

  • Fullstack React is a weekly newsletter about the React ecosystem with an emphasis on useful libraries, tutorials and code.
  • Subscribe to read the best articles each week on React, Flux, GraphQL, Relay, and friends.

Must-read React Newsletters You Should Be Subscribed To
Continue reading “The Best React Newsletters”

85 -⚡️Learn To Code with Rik Lomas – Thunder Nerds

⚡Learn To Code with Rik Lomas -->  @riklomas @superhi_ #js #reactjs

  • In this episode we get to chat with Rik Lomas: CEO of SuperHi and author of Learn To Code Now.
  • We get to know Rik as a crazy cat-loving englishman from Manchester currently residing in NY.
  • We discuss how Rik got his start and what fanned the flame of his love for teaching.
  • We also talk about how and why Rik started SuperHi, and its value to the community.

In this episode we get to chat with Rik Lomas: CEO of SuperHi and author of Learn To Code Now. We get to know Rik as a crazy cat-loving englishman from Manchester currently residing in NY. We discuss how Rik got his start and what fanned the flame of his love for teaching. We also talk about how and
Continue reading “85 -⚡️Learn To Code with Rik Lomas – Thunder Nerds”

Using RxJS with React.js: Part 3 — Dispatching events from Component

  • (Check out FrintJS on GitHub for more documentation on combining the power of RxJS with React)Illustration of unidirectional flow between Subject and ComponentUnidirectional cycleEarlier we saw an example of HoC streaming props to the base component.
  • Let’s now look at ways how we can dispatch events from inside the base component, update some value, and the updated value will then be streamed back to the component completing one unidirectional cycle.We can take the example of a form input field.
  • To keep things simple, let’s say BehaviorSubject is a kind of Subject, that can already start with an initial value.import { BehaviorSubject } from ‘rxjs’;const subject$ = new = console.log(x)); // prints `foo` right awayThe base Component with form inputLet’s say this is our base component:import React from ‘react’const MyComponent =…
  • First one is a stream of the input value, and the latter for handling the change.import { BehaviorSubject, Observable } from ‘rxjs’;const formInput$ = new BehaviorSubject(‘foo’); // with initial valueconst handlers$ = Observable.of({ handleChange: value = formInput$.
  • scan(function (props, emitted) { return { …props, …emitted }; });Observing the base ComponentNow that we have the props$ observable ready, we can integrate it with our base complement easily using the observe function from FrintJS:import { observe } from ‘frint-react’;const ObservedRoot = observe(function () { return props$;})(MyComponent);Now you can stream…

Earlier we saw an example of HoC streaming props to the base component. Let’s now look at ways how we can dispatch events from inside the base component, update some value, and the updated value will…
Continue reading “Using RxJS with React.js: Part 3 — Dispatching events from Component”

The Beginner’s Guide to ReactJS – kentcdodds

  • You can find it here: http://kcd.im/news-a11yTwo weeks ago, my newsletter was an overview of the Advanced React Component Patterns course (that’s been published today!)
  • This week I’d like to talk a little bit about the other course that was published: The Beginner’s Guide to ReactJS.In the beginner’s course every lesson is an individual index.html file.
  • If you ever teach a total beginner React, make sure that you help them get a solid understanding that creating React elements is not magic and that JSX is a really simple abstraction on top of React.createElement.
  • Learn React Fundamentals and Advanced Patterns — I’m just pretty excited about the course release!Egghead.io Sale — Save 30% on a year subscription!ReactPrimer – React component prototyping tool that generates fully connected class component code.Partial Application Lambda Parameter Syntax for JavaScript — Awesome use of babel-macrosUsing Glitch as a UNIX command line playground — Interesting idea!Some tweets from…
  • 🧟🧟‍♂️🏹 29 Nov 2017I’m having a conversation about semicolons again️ 30 Nov 2017Next language I learn will be @reasonml 👌 3 Dec my big announcement!My @eggheadio courses have been published and are totally FREE!“Learn React Fundamentals and Advanced Patterns” 4 Dec 2017P.

The course is free forever on Egghead.io! Let’s talk about how it teaches even developers experienced with React ⚛️ NOTE: This is a cross-post from my newsletter. I publish each email two weeks after…
Continue reading “The Beginner’s Guide to ReactJS – kentcdodds”

Check out the first people on our lineup: #ReactJS #ReactAmsterdam

Check out the first people on our lineup:  #ReactJS #ReactAmsterdam

  • React Amsterdam is a celebration of good things coming together: – – React that rocks and spring in Amsterdam that blossoms – – A full-day, two-track conference on all things React, gathering Front-end and Full-stack developers across the globe in the tech heart of Europe.
  • Mark your calendars for the biggest React community event.
  • Check out the the after-movie and mood videos from React Amsterdam 2017 edition: – – Check out our YouTube channel for more talk recordings of previous editions and meetups.

React Amsterdam is a full day two-track conference of all things React, gathering Front End developers across the globe in the tech heart of Europe.
Continue reading “Check out the first people on our lineup: #ReactJS #ReactAmsterdam”

Our CFP is currently open, so don’t forget to submit your awesome #ReactJS talk proposal!

Our CFP is currently open, so don't forget to submit your awesome #ReactJS talk proposal!

  • After a very successful event in 2017, we’re coming back with a new gig on April 13, 2018.
  • Mark your calendars for the biggest React community event.
  • Check out the the after-movie and mood videos from React Amsterdam 2017 edition: – – Check out our YouTube channel for more talk recordings of previous editions and meetups.

React Amsterdam is a full day two-track conference of all things React, gathering Front End developers across the globe in the tech heart of Europe. React Amsterdam is a heir to the biggest React community in BeNeLux and we have our priorities straight: only the highest quality content with careful balance of practical and visionary talks.
Continue reading “Our CFP is currently open, so don’t forget to submit your awesome #ReactJS talk proposal!”

Express more tests via public API · Issue #11299 · facebook/react · GitHub

  • Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
  • Already on GitHub?
  • Sign in to your account

react – A declarative, efficient, and flexible JavaScript library for building user interfaces.
Continue reading “Express more tests via public API · Issue #11299 · facebook/react · GitHub”

Simple tutorial to understand props vs state in React.js by @jjude

Simple tutorial to understand #props vs #state in #ReactJS - @jjude

  • Like parameters in functions, you can pass properties into react.js component.
  • If you want to understand the basics of React.js component, read Create React.js component with Typescript.
  • The property will be an input from the invoking component with the inital value for the Timer.
  • Let us see how to invoke this Timer component with an initial value.
  • Whenver a component calls , React.js calls its corresponding function.

Use props to send information to a component. Use state to manage information created and updated by a component.
Continue reading “Simple tutorial to understand props vs state in React.js by @jjude”

A Night of ReactJSTuesday, July 25, 2017 at 6:00 pm This meetup focuses on open source, open tech and the open web.

Register today for a Night of ReactJS  
#developer #javascript #html #css #programmer #JS

  • ReactJS is an open source Javascript library for building user interfaces – and it is taking over front-end development.
  • It was created at Facebook and is now being used by Netflix, Airbnb, Walmart, Bleacher Report and many of the world’s top websites and companies.Attend the July meeting of Open Source South Carolina and not only find out why, but get a very personal tutorial over the course of a couple of hours.The meeting will be broken into three parts – an introduction to ReactJS, a discussion of features like Virtual DOM, JSX and many others, and an overview of features and processes for the advanced developer.The meeting will also once again feature community announcements, food and beverages, swag (shirts, stickers, etc.) and networking with many of the top technologists in the state.Doors open at 6:00 pm with food and networking, programming starts at approximately 6:30 pm ET.

Follow us on Twitter for information about events as they’re posted, and to get reminders before they happen. @ColaTechEvents
Continue reading “A Night of ReactJSTuesday, July 25, 2017 at 6:00 pm This meetup focuses on open source, open tech and the open web.”