JSFoo: round the year submissions
Submit talks on JavaScript and full stack engineering round the year
Submit talks and workshops on:
- Full stack engineering
- JavaScript frameworks
- Architecture approaches and case studies
- JavaScript and IoT
- Web development
- JavaScript for hobbyists
We will find a forum to place your talk, any time during the year.
For more information, contact jsfoo.editorial@hasgeek.com or call 7676332020
MI
Marcos Iglesias
@golodhros
React, D3 and their ecosystem
Submitted Oct 25, 2018
Technical level: Intermediate
React and D3 are UI tools designed for goals that sometimes collide. Both take control of the DOM in different ways. How can we make them work together?
We will see how to build React projects with the power of D3, using different techniques and the best libraries for your work or side projects.
Outline
- Intro
- Agenda
- D3 v4
- Explain enter-update-exit
- Current D3 projects
- React
- Explain React mechanism
- Conceptual Approaches
- Pros/Cons
- Pragmatic Considerations
- Current React-d3 projects
- Advice for different project types
- Resources
- Summary
- Thanks
Speaker bio
Marcos Iglesias is a Senior Software Engineer who builds compelling user interfaces at Eventbrite. Marcos is passionate about creating stunning data visualizations and dashboards using D3 and Frontend technologies like ES2015, React, Redux and Webpack.
On top of all that, he enjoys writing about software, giving talks and maintaining Britecharts, the open source charting library.
Links
- The content of this talk was published as an article in Smashing Magazine: https://www.smashingmagazine.com/2018/02/react-d3-ecosystem/
- Here is a recording of the first time I gave this talk: https://youtu.be/xGQtHckAauQ?t=30m56s
Slides
Comments
IM
Isabela Moreira
A/B Testing in React: Building Data-Driven UI
Building a good UI is hard. Building a good UI that will delight your users is even harder. By incorporating A/B testing into your UI, you can stop guessing what your users love and start making data-driven UI decisions! more
13 Dec 2018
{{ gettext('Login to leave a comment') }}
{{ gettext('Post a comment…') }}{{ errorMsg }}
{{ gettext('No comments posted yet') }}