Today theme is Gatsby Themes!
And we have a call with Jason Lengstorf - a developer advocate, senior engineer, and occasional designer at Gatsby.
https://www.gatsbyjs.org
https://www.youtube.com/watch?v=SV2zu9FvUTw - React Finalnd: Gatsby and Themes The Future of Gatsby
5 minutes of React - podcast about React hot topics and JavaScript ecosystem. https://5minreact.audio
#23 - Hasura GraphQL Engine (00:05:33)
GraphQL is getting more popular each day among React developers. It is said to be making front-end development convenient and resilient. The community is building client and server side tools each day for making GraphQL easy to use. Hasura brings us a GraphQL engine that gives GraphQL APIs over Postgres database. Lets know more about it from Rishi who is an engineer at Hasura.
https://hasura.io - Instant Realtime GraphQL on Postgres
https://github.com/hasura/graphql-engine
https://discord.gg/vBPpJkS
5 minutes of React - podcast about React hot topics and JavaScript ecosystem. https://5minreact.audio
#22 - The Phoenix Project (00:03:28)
I recently read a book called “The Phoenix Project: A Novel about IT, DevOps, and Helping Your Business Win”.
All in all, it is very inspiring book. So I would highly recommend you give it a read.
https://www.amazon.com/Phoenix-Project-DevOps-Helping-Business/dp/1942788290/
5 minutes of React - podcast about React hot topics and JavaScript ecosystem. https://5minreact.audio
#21 - Bitbucket Pipelines (00:06:55)
Today I'd like to introduce you to Bitbucket Pipelines, a continuous integration and continuous delivery cloud service that I've been using quite a lot lately. Personally, I find Bitbucket Pipelines extremely useful for several reasons...
Bitbucket pipelines I am using now:
- https://bitbucket.org/product/features/pipelines
Cirrus CI I am going to try next:
- https://medium.com/cirruslabs/introducing-cirrus-ci-a75cd1f49af0
5 minutes of React - podcast about React hot topics and JavaScript ecosystem. https://5minreact.audio
#20 - Jake Archibald: In The Loop (JSConf.Asia 2018) (00:02:50)
The other day I got to watch a few talks from JSConf Asia 2018 on Youtube. There are 39 of them in the playlist, so I picked a random one. And I got so lucky I just had to make this episode about it! The talk was "In the Loop" by Jake Archibald.
Jake is developer advocate for Google Chrome. He's one of the editors of the service worker spec, so he's into offline-first, push messaging and web performance.
- https://www.youtube.com/playlist?list=PL37ZVnwpeshFqN5dcZ704lxI3F5iHDYkl - JSConf.Asia 2018
- https://youtu.be/cCOL7MC4Pl0 - Jake Archibald: In The Loop
- https://youtu.be/rLgBqT_e6Yo - Feross Aboukhadijeh: JavaScript Pranks
5 minutes of React - podcast about React hot topics and JavaScript ecosystem. https://5minreact.audio
#19 - TypeScript 20/80 (00:15:25)
We all want the best result as fast and cheap as possible, right? But this is not how things work, and we have to strike a balance between development quality and speed...
- https://stateofjs.com/2017/flavors/results/
- https://egghead.io/courses/advanced-static-types-in-typescript
- https://egghead.io/courses/use-types-effectively-in-typescript
- https://radiojs.ru/2018/02/radiojs-51/
- https://www.youtube.com/watch?v=lOo5zB-m6EU
5 minutes of React - podcast about React hot topics and JavaScript ecosystem. https://5minreact.audio
#18 - Prettier (00:06:02)
Quick overview of Prettier - an opinionated code formatter (ES2017, JSX, Flow, TypeScript, CSS, ...) and my experience of integration Prettier with Idea (PhpStorm/WebStorm).
https://prettier.io
5 minutes of React - podcast about React hot topics and JavaScript ecosystem. https://5minreact.audio
Latest posts in webpack blog, egghead courses on Cycle.js and Error Boundaries, StackBlitz — an Online VS Code IDE for Angular & React, transpiler from Polymer or Vue to Preact, npmtrends.com graphs of downloads React vs Angular vs Vue.
- https://medium.com/webpack/stabilizing-webpack-3-week-18-19-e8005c8a02ac
- https://medium.com/webpack/road-to-webpack-4-week-20-21-1641d03ce06e
- https://egghead.io/courses/cycle-js-fundamentals
- https://egghead.io/lessons/react-error-handling-using-error-boundaries-in-react-16
- https://stackblitz.com
- https://medium.com/@ericsimons/stackblitz-online-vs-code-ide-for-angular-react-7d09348497f4
- https://github.com/gothinkster/realworld
- https://twitter.com/_developit/status/898952382960119808
- http://www.npmtrends.com/angular-vs-react-vs-vue
5 minutes of React - podcast about React hot topics and JavaScript ecosystem. https://5minreact.audio
#16 - React 16 beta (00:03:33)
This time, a serious look at React 16 beta (not serious was in previous episode - you definitelly have to listen: https://5minreact.audio/015-sci-fi-story-about-react/). The details of the first beta release have been published right on Github as a dedicated issue. Let's take a moment to go over them.
https://github.com/facebook/react/issues/10294
https://facebook.github.io/react/blog/2017/07/26/error-handling-in-react-16.html
5 minutes of React - podcast about React hot topics and JavaScript ecosystem. https://5minreact.audio
#15 - Sci Fi story about React (00:03:40)
Sci Fi story about React.
You won't believe why React is so popular!
5 minutes of React - podcast about React hot topics and JavaScript ecosystem. https://5minreact.audio
#14 - Preact Rocks! (00:05:32)
Some of the latest news from the Preact world: the mobile version of Uber website uses Preact as well as the new Transformers promo site, and the author of Preact gave a great talk called "Preact: Into the void 0" at JSConf EU 2017. I will also share my impressions of an egghead.io course and take a look at preact-cli, a tool for quick PWA app creation.
- https://preactjs.com/
- https://eng.uber.com/m-uber/
- http://www.transformersmovie.com/
- https://youtu.be/LY6y3HbDVmg
- https://egghead.io/courses/up-and-running-with-preact
- https://github.com/developit/preact-cli
5 minutes of React - podcast about React hot topics and JavaScript ecosystem. https://5minreact.audio
#13 - Gatsby (00:05:06)
Gatsby 1.0 - Blazing-fast static site generator for React.
https://www.gatsbyjs.org/
5 minutes of React - podcast about React hot topics and JavaScript ecosystem. https://5minreact.audio
React 15.6, webpack 3, Babel Notes, mobx-state-tree 0.7, Preact on egghead.io
- https://facebook.github.io/react/blog/2017/06/13/react-v15.6.0.html
- https://twitter.com/dan_abramov/status/875149571688734721
- https://medium.com/webpack/webpack-3-official-release-15fd2dd8f07b
- https://github.com/babel/notes
- https://github.com/mobxjs/mobx-state-tree
- https://egghead.io/courses/up-and-running-with-preact
5 minutes of React - podcast about React hot topics and JavaScript ecosystem. https://5minreact.audio
#10 - React Wishlist (00:02:09)
This week Dan Abramov asked his Twitter audience: “What would you want the React team to focus on in the next 6 months? Reply with a new thing, or Iike existing replies”. This request inspired a massive thread of a few hundred tweets...
- https://twitter.com/dan_abramov/status/871406752016863232
- https://twitter.com/dan_abramov/status/871769329079025664
- https://github.com/Microsoft/TypeScript-React-Starter
- https://5minreact.audio/002-jsx2/
- https://github.com/facebook/jsx/issues/65
5 minutes of React - podcast about React hot topics and JavaScript ecosystem. https://5minreact.audio
#9 - MobX over Redux (00:06:00)
Should I use MobX over Redux? When, why and whom should try MobX?
https://www.youtube.com/watch?v=83v8cdvGfeA - Understanding MobX vs Redux (4min)
https://www.youtube.com/watch?v=76FRrbY18Bs - Preethi Kasireddy - MobX vs Redux: Comparing the Opposing Paradigms - React Conf 2017 (25m)
https://www.youtube.com/watch?v=ZGVwMkrL2n0 - Comparing Redux and MobX with two CTO's and React experts (1h17m)
https://egghead.io/courses/manage-complex-state-in-react-apps-with-mobx
5 minutes of React - podcast about React hot topics and JavaScript ecosystem. https://5minreact.audio
#8 - pnpm (00:03:43)
pnpm - fast, disk space efficient package manager, drop-in replacement for npm.
https://pnpm.js.org
https://twitter.com/pnpmjs
https://www.kochan.io/nodejs/why-should-we-use-pnpm.html
5 minutes of React - podcast about React hot topics and JavaScript ecosystem. https://5minreact.audio
News:
- React Amsterdam 2017
- Hacker News readers as Progressive Web Apps written in React, Preact, Svelte, Vue, Angular and viperHTML
- TodoMVC for the RealWorld™ — Exemplary fullstack Medium.com clone powered by React, Angular, Node, Django, and many more
- Prepack - a tool for making JavaScript code run faster.
Links:
- https://twitter.com/ReactAmsterdam
- https://www.youtube.com/playlist?list=PLNBNS7NRGKMHxfm0CcYNuINLdRw7r4a9M - React Amsterdam 2017 playlist
- https://youtu.be/3J9EJrvqOiM?list=PLNBNS7NRGKMHxfm0CcYNuINLdRw7r4a9M - Complexity: Divide and Conquer
- http://divideandconquer.surge.sh/#1
- https://github.com/tastejs/hacker-news-pwas
- https://medium.com/@ericsimons/introducing-realworld-6016654d36b5
- https://github.com/gothinkster/realworld
- https://prepack.io
5 minutes of React - podcast about React hot topics and JavaScript ecosystem. https://5minreact.audio
#6 - Runtyper (00:02:40)
Analyzing React’s Source Code for Type Mismatch Operations with a new Babel plugin: Runtyper.
- https://github.com/vitalets/babel-plugin-runtyper
- https://medium.com/dailyjs/analyzing-reacts-source-code-for-type-mismatch-operations-9ca065e5b91
5 minutes of React - podcast about React hot topics and JavaScript ecosystem. https://5minreact.audio
#5 - Idiomatic Redux (00:04:50)
Mark Erikson, one of Redux contributors, has published an article in his Idiomatic Redux series: "The Tao of Redux, Part 1 - Implementation and Intent." Thoughts on what Redux requires, how Redux is intended to be used, and what is possible with Redux.
http://blog.isquaredsoftware.com/2017/05/idiomatic-redux-tao-of-redux-part-1/
http://blog.isquaredsoftware.com/2017/05/idiomatic-redux-tao-of-redux-part-2/
5 minutes of React - podcast about React hot topics and JavaScript ecosystem. https://5minreact.audio
#4 - Preact (00:09:37)
Preact - Fast 3kB alternative to React with the same ES6 API. My experience.
- https://preactjs.com/
- https://www.youtube.com/watch?v=ETjTVV4qGoY - "React 30" podcast episode about Preact with author of the library Jason Miller
5 minutes of React - podcast about React hot topics and JavaScript ecosystem. https://5minreact.audio
#3 - React 15.5 and news (00:06:32)
React 15.5 released, Andrew Clark on reactiflux, React London 2017, Twitter mobile PWA, codesandbox.io
- https://facebook.github.io/react/blog/2017/04/07/react-v15.5.0.html
- https://twitter.com/acdlite/status/852267670560923648
- https://www.reactiflux.com/transcripts/andrew-clark/
- https://www.youtube.com/channel/UCV4LIEkC0S9KUAPDm2g4mNQ
- https://medium.com/@paularmstrong/twitter-lite-and-high-performance-react-progressive-web-apps-at-scale-d28a00e780a3
- https://codesandbox.io/
5 minutes of React - podcast about React hot topics and JavaScript ecosystem. https://5minreact.audio
#2 - JSX 2.0 (00:05:43)
The next version of JSX proposals.
- https://github.com/facebook/jsx/issues/65
- https://facebook.github.io/reason/
5 minutes of React - podcast about React hot topics and JavaScript ecosystem. https://5minreact.audio
#1 - React Fiber (00:05:52)
React Fiber is an ongoing reimplementation of React's core algorithm. It is the culmination of over two years of research by the React team.
- http://isfiberreadyyet.com
- https://github.com/facebook/react/issues/7942
- https://github.com/acdlite/react-fiber-architecture
- https://www.facebook.com/groups/2003630259862046/permalink/2054053404819731/
5 minutes of React - podcast about React hot topics and JavaScript ecosystem. https://5minreact.audio
