react + d3 = vx – vx code – Medium

react + d3 = vx - A new data visualization library for #reactjs by @hshoff

  • You just need to use d3 and magic dances across your screen.Of course, the last time you made a chart with d3 was 3 or was it 4 years ago?
  • “I wish there was something more like d3 I could use,” you say.Enter vxreact + d3 = vxMixing two ways to update the DOM is never a good time.
  • Me too.So I set out making a library of low-level components that could be used to build up reusable charts or those one-off requests or that special idea you had for a visualization that you’ve never seen done before.About vxGoal The goal is to create a library of components you can use to make both your own reusable chart library or your slick custom one-off chart.
  • If you’re creating your own awesome chart library on top of vx, it’s easy to create a component api that hides d3 entirely.
  • The vx collection of components lets you easily build your own reusable visualization charts or library without having to learn d3.

You’ve fallen in love with React. You’ve built a redux app. You’ve dabbled with GraphQL. You’ve started following along with Relay Modern and Apollo Client. But your next project is a dashboard that…
Continue reading “react + d3 = vx – vx code – Medium”

react + d3 = vx – Harrison Shoff – Medium

#ReactJS + #d3 = vx: A new open source library for building visualizations with React

  • You just need to use d3 and magic dances across your screen.Of course, the last time you made a chart with d3 was 3 or was it 4 years ago?
  • “I wish there was something more like d3 I could use,” you say.Enter vxreact + d3 = vxMixing two ways to update the DOM is never a good time.
  • Me too.So I set out making a library of low-level components that could be used to build up reusable charts or those one-off requests or that special idea you had for a visualization that you’ve never seen done before.About vxGoal The goal is to create a library of components you can use to make both your own reusable chart library or your slick custom one-off chart.
  • If you’re creating your own awesome chart library on top of vx, it’s easy to create a component api that hides d3 entirely.
  • The vx collection of components lets you easily build your own reusable visualization charts or library without having to learn d3.

You’ve fallen in love with React. You’ve built a redux app. You’ve dabbled with GraphQL. You’ve started following along with Relay Modern and Apollo Client. But your next project is a dashboard that…
Continue reading “react + d3 = vx – Harrison Shoff – Medium”

Bootstrapping a React project

Bootstrapping a @reactjs app should be easy! Here are some tips on how to set up your apps 💪

  • A comprehensive example of adding authentication to a ReactJS app is .
  • ReactJS provides a nice set of test utilities that allow us to inspect and examine the components we build.
  • Testing becomes tricky in a ReactJS application when you have to deal with components.
  • In ReactJS projects, you can create custom stylesheets and UI Components.
  • One effective way of bootstrapping your ReactJS project is to start by designing your UI components and then glue them together, that way you can split up the initial setup effort into several small parts along the project lifecycle.

Read the full article, click here.


@auth0: “Bootstrapping a @reactjs app should be easy! Here are some tips on how to set up your apps 💪”


Setting up a React application requires a lot. Learn how to bootstrap a React project without complexities!


Bootstrapping a React project

Airbnb Frontend Tech Talk Tickets, Tue, Aug 16, 2016 at 6:00 PM

  • Log in or sign up for Eventbrite to save events you’re interested in.
  • Hybrid React Native Apps Leland Richardson, Software Engineer at Airbnb
  • Server-rendering your React components in Rails Josh Perez, Software Engineer at Airbnb
  • Adam Miskiewicz is a software engineer at Exponent and is obsessively focused on making it easier to do mobile development with JavaScript.
  • Josh is a Software Engineer on the Web Infrastructure team at Airbnb where he gets to play with React all day.

Read the full article, click here.


@spikebrehm: “This will be an awesome @AirbnbEng tech talk: React Native, React on the Server, React on web”


Eventbrite – Airbnb Engineering presents Airbnb Frontend Tech Talk – Tuesday, August 16, 2016 at Airbnb HQ, San Francisco, CA. Find event and ticket information.


Airbnb Frontend Tech Talk Tickets, Tue, Aug 16, 2016 at 6:00 PM

React Router v4, RxJS with React/Redux, React Components

  • Learn about React Router V4, RxJS with React and Redux, React Components and more at this action packed meetup hosted by Modern Web !
  • 7:35 – 8:05 Reusable React Components with Mars Jullian
  • Topic: RxJS Makes React + Redux Amazing
  • Topics: web components, ember, angular, react, polymer, async programming, libraries such as bacon.js, rxjs, scalability, native promises & performance, es6/es7 iterators and generators, reactive extensions, object oriented design in es6, traits.js, design patterns and more.
  • 6:45 – 7:15 React Router v4 with Michael Jackson

Read the full article, click here.


@burgessdryan: “Excited for @modernweb_ meetup in Sept. A full night of #ReactJS @mjackson @marsjosephine @_jayphelps and @sprjrx”


Learn about React Router V4, RxJS with React and Redux, React Components and more at this action packed meetup hosted by Modern Web! Make sure to RSVP at http://www.meetup.com/modernweb/events/2322441


React Router v4, RxJS with React/Redux, React Components