Web Rush

Recording date: 2018-09-13

John Papa https://twitter.com/john_papa

Ward Bell https://twitter.com/wardbell

Aysegul Yonet https://twitter.com/AysSomething

$50 off to register for DevInteresections in Dec 2018 http://bit.ly/RTJS_Dev_Registration

(0:02:10) Mailbag: AssemblyScript and TypeScript with D3

(0:02:36) Ward asks Aysegul what AssemblyScript is

(0:04:28) AssemblyScript https://github.com/AssemblyScript/assemblyscript

(0:05:07) D3 docs https://d3js.org/

(0:06:46) D3 visualization examples https://github.com/d3/d3/wiki/Gallery

(0:09:20) John asks how we should make the decision on when to use a visualization

(0:12:07) Ward aks for an example of something Aysegul has done recently with D3

(0:17:07) John asks Aysegul where people can learn the basics for D3

(0:19:30) Aysegul talks about her favorite videos on D3 https://www.youtube.com/watch?v=DTjLcLytNt8

(0:20:45) Aysegul discusses challenges she faced with working with D3

(0:23:50) Ward asks about testing D3

(0:25:38) Ward asks how much time does someone need to invest to become a D3 developer

(0:26:49) https://www.tableau.com/

(0:31:38) D3 with rxjs https://github.com/Reactive-Extensions/RxJS/tree/master/examples/d3

(0:34:11) egghead and d3 https://egghead.io/lessons/d3-get-started-with-d3

(0:34:36) D3 at Pluralsight https://app.pluralsight.com/library/courses/d3js-data-visualization-fundamentals/table-of-

(0:34:59) Udacity and D3 https://www.udacity.com/course/data-visualization-and-d3js--ud507

(0:38:18) Aysegul at AngularConnect 2016 https://www.youtube.com/watch?v=3i8voRuZL70

(0:41:47) code 4 good https://github.com/Yonet/Code4Good

(0:43:07) Katerina Skroumpelou https://twitter.com/psybercity

(0:43:51) Nicholas Jamieson https://medium.com/@cartant

$50 off to register for DevInteresections in Dec 2018 http://bit.ly/RTJS_Dev_Registration

Recording date: 2018-09-11

Tweet

John Papa https://twitter.com/john_papa

Ward Bell https://twitter.com/wardbell

Brian Holt https://twitter.com/holtbt

(0:01:23) "Lady Gaga" writes in for the mailbag

(0:03:25) How do we tackle the challenges we face in web development

(0:05:55) Brian discusses his view on scaling to human teams

(0:06:20) Defining "large" applications, and application size

(0:07:10) How the human dimension plays into scale

(0:07:15) Scaling Angular http://angular.io/ at Reddit

(0:08:10) Brian discusses how you don't miss a business deadline

(0:09:40) Communication between engineers, product teams, design teams, and C levels is important

(0:09:59) Ward asks how to balance process vs getting things done

(0:11:15) Brian talks about his experience with process at Netflix

(0:12:57) LinkedIN and having a real Jira expert to set up the process and investing in their tools

(0:15:36) DevOps experiences can be very different for Node.js

(0:16:25) Brian talks about the importance of getting a full CI pipeline and high code quality

(0:17:10) Brian says code doesn't age well, so tools like ESLint help create guidelines

(0:17:45) Brian talks about how he uses TypeScript with React https://reactjs.org/

(0:20:55) Brian states "that which you cannot automate, you cannot enforce"

(0:22:30) Nit picks and their effect on development

(0:23:52) John asks Brian about the usage of Flow https://reactjs.org/docs/static-type-checking.html and TypeScript

(0:29:20) Brian discusses when to delete code and keeping code easier to read

(0:30:50) Brian loves opening PRs with more deletion that additions

(0:32:00) Ward asks Brian how communication works up and down, and across the component trees in React

(0:33:01) Brian talks about Prop drilling https://reactjs.org/docs/components-and-props.html

(0:33:37) Brian talks about Flux http://facebook.github.io/flux/docs/overview.html#content and Redux

(0:35:00) Brian tells us about something that's better for data state management (Suspense)

(0:35:00) Dan Abramov https://twitter.com/dan_abramov and Suspense in React https://www.youtube.com/watch?v=6g3g0Q_XVb4

(0:37:00) Brian says most of the time context https://reactjs.org/docs/context.html will serve you better than Redux

(0:38:30) John says someone to follow is Max Koretskyi - https://twitter.com/maxim_koretskyi

(0:39:12) Ward says someone to follow is Rick Strahl https://twitter.com/RickStrahl

(0:39:12) Rick has a blog post questioning if css/html has evolved far enough https://weblog.west-

(0:40:39) Brian says someone to follow is Necoline Hubner https://twitter.com/necolinehubner

More Resources

react https://reactjs.org/

redux https://redux.js.org/

ngrx (redux in Angular) https://medium.com/ngrx

vuex (redux in Vue) https://vuex.vuejs.org/

Webpack https://webpack.js.org/

Parcel https://parceljs.org/

React's context API: https://reactjs.org/docs/context.html

React’s forthcoming “timeslice” and “suspense” APIs: https://blog.pusher.com/time-slice-suspense-api-react-17/

Maxim Koretsky ("ngWizard”) https://blog.angularindepth.com/@maxim.koretskyi

Welcome to Real Talk JavaScript, the weekly talk-show with advice and insight into the technologies and practices currently being used to build web applications in the real world.

Each week, John Papa and Ward Bell will be talking to industry experts about their experiences writing, deploying, and maintaining web applications in HTML, CSS, and JavaScript.

Send questions or show ideas and follow the show on Twitter: @RealTalkJS

Follow John and Ward: @John_Papa and @WardBell