Podcasts about using react

Aurooba and Brian convert their simple React accordion into separate, reusable components and discuss the importance of components as foundational parts of the web. Next, they show how to use React devtools in Chrome to quickly examine and debug your components. Finally, they dig into the code with a focus on passing and destructuring the data you pass via props.A full transcript of the episode is available on the website. Watch the video podcast on YouTube and subscribe to our channel and newsletter to hear about episodes (and more) first!Code from this episodeReact Developer ToolsBrian's website – https://www.briancoords.comAurooba's website – https://aurooba.com (00:00) - Introduction (01:19) - Components as foundational parts of the web (03:33) - Recap of our series so far (04:15) - Using React devtools in Chrome (08:31) - Our AccordionItem Component (13:32) - Passing props and destructuring (19:20) - How many components is too many? (23:46) - Balancing and planning different approaches in React (26:48) - What comes next? A preview on state and interactivity

SponsorVercel is the platform for frontend developers, providing the speed and reliability innovators need to create at the moment of inspiration. Founded by the creators of Next.js, Vercel has zero configuration support for 35+ frontend frameworks, including SvelteKit. We enable the world's largest brands like Under Armour, eBay, and Nintendo, to iterate faster and create quality software. Try out Vercel today to experience the easiest way to use Svelte.NOTE: RECORDED March 15th.DescriptionPuru Vijay joins us. You probably know him from his work on macOS web that made the rounds a while back. He's got a bunch of cool Svelte projects that you'll enjoy hearing more about in this one!MusicIntro music by Braden Wiggins a.k.a. Fractal (braden@fractal-hq.com)Discussion topics macos Web Svelte Summit talk - How to migrate React libraries to Svelte Confetti Neodrag Neosvelte (Upcoming, planned), example The virtual dom is not pure overhead https://twitter.com/manucorporat/status/1635309067634876416 https://svelte.dev/blog/virtual-dom-is-pure-overhead Dev Vlog with Rich This week in Svelte Zero-effort type safety Unpopular Opinions Cyclists who cycle in the road when good quality cycle lanes are available, are dickheads. (is this unpopular??) Storybook is still not there…for me (slots, argTypes) Puru: More like an unpopular sinful thought: Using React components in Svelte Picks Kevin: Chained Echoes: https://www.chainedechoes.com Liason  Shrinking Puru: Attack on Titan season 4 part 3 episode 1 - https://www.imdb.com/title/tt2560140/ Brittney: Don't watch Willow

Daryl and Scott interview Diana Birkelbach, PCF Lady, about the latest improvements for the Colorful Optionset PCF control. Some of the highlights: If it ain't your computer, don't touch the screen Using React and Fluent UI for PCF Control Diana's helpful hints for picking up react What is React-based virtual code component Advantages of Virtual Controls Size of files Visible Performance improvements Allows for Some Fluent UI controls to communicate across PCF controls What happens when MS update the React used in the platform? Diana talks through some of her future plans/ideas for Canvas Apps/Custom Pages Diana shares her PCF  Wishlist Scott apologizes to the Classic UI Jonas used Early Bound in a Plugin Diana's "Hooked to PCF" session in Power Apps Developer Bootcamp Diana's Info and other links: Blog - https://dianabirkelbach.wordpress.com Twitter - @DianaBirkelbach LinkedIn - https://www.linkedin.com/in/diana-birkelbach GitHub - https://github.com/brasov2de Power Apps Community Forum for questions - https://powerusers.microsoft.com/t5/Power-Apps-Pro-Dev-ISV/bd-p/pa_component_framework Colorful Optionset PCF – Virtual and Improved https://dianabirkelbach.wordpress.com/2022/04/24/colorful-optionset-pcf-virtual-and-improved UpdateView in Virtual PCF Components and how to optimize rendering https://dianabirkelbach.wordpress.com/2022/05/06/updateview-in-virtual-pcf-components-and-how-to-optimize-rendering Got questions? Have your own tool you'd like to share? Have a suggestion for a future episode? Contact Daryl and Scott at cast@xrmtoolbox.com. Follow us on LinkedIn and @XrmToolCast for updates on future episodes. Do you want to see us too? Subscribe to our YouTube channel to view the last episodes. Don't forget to rate and leave a review for this show at Podchaser. Your hosts: Daryl LaBar: https://www.linkedin.com/in/daryllabar | @ddlabar Scott Durow: https://www.linkedin.com/in/scottdurow | @ScottDurow Editor: Linn Zaw Win: https://www.linkedin.com/in/linnzawwin  | @LinnZawWin Music: https://www.purple-planet.com

A great way to improve the UX of most React applications is to include a query caching layer. In this episode we talk about why it can be be so important and some techniques to implement it well.Owl CreekReact QuerySWR (For Next.js)Show NotesIssuesExample, data hooks based on another data hook; “location” hook used everywhereIssues with vanilla data fetching hooksEvery component/page refetches everythingEverything re-rendersDelays while waiting for parent hooks to return dataNot triggering requests at the correct/ideal timeShould be when the user clicks the button to open the new page, not when the new page component is loadedHow to structure dependent data flows and refetches?Could also use global stateUpdate endpoints that return new data/objectScroll recoveryPaged endpointsrefresh intervals️️️ResolutionQuery caching/fetching logic libSWR, React Query etcTell lib what endpoint to hit and under which conditions, assigning that setup a keyLib stores result with a keyEverything is done via that key, if the cache has a value for it it will return itReturns the same value every time the hook is used so it doesn't cause a re-render, smoother appStale-while RevalidateLoading statekey/value store with fetching logic built indownsidessome places where it isn't needed, appropriateComplicatedRQ has good dev tools, use them!Triggering requests at the correct/ideal timeGenerally use endpoint paths as keysscroll recoverypaged endpointsdependenciesrefresh intervalshook for creating RQ endpoints

It's about time for another news roundup from our editorial team. We look at new product launches, Microsoft Dynamics and Azure partner news, new sales figures, and some of the most popular article contributions from subject matter experts.   Show Notes: 0:45 - The launch of Microsoft Cloud for Financial Services set for Nov 1 2:00 - Report estimates Dynamics 365 Field Service closing in on $200 million in annual revenue 3:45 - Azure for healthcare: Opportunities abound in the cloud 5:00 - Microsoft to bolster Cloud for Healthcare with Truveta data platform investment & partnership 7:45 - Zuora to run subscription management services on Microsoft Azure, integrate with Dynamics 365 and Power BI 10:00 - Akerna expands ERP portfolio with $17 million acquisition of Microsoft ISV 365 Cannabis 12:15 - How Microsoft partners are building solutions with Azure Machine Learning 13:30 - Updates to Dynamics 365 media and entertainment accelerator adds Teams integration, content workflow support 14:30 - Microsoft's Power Apps Portals customers were exposing millions of private records, security firm reveals And related discussion at MSDW: Portals Community Call, September 2021: Securing Power Apps Portals Portals Community Call, August 2021: Using React with Power Apps Portals 19:15 - Features roundup How Microsoft customers should prepare for intelligent edge investment Microsoft Dynamics 365 Training Insights, Session 11: e-Commerce My favorite new features coming to Microsoft Dynamics 365 Sales, Marketing, and Customer Service in 2021 release wave 2 Power Platform 2021 Release Wave 2: Experts note developer improvements, simplified Dataverse access

First episode of 2021! Dave's 11ty conversion continues, CSS Tricks gets a redesign, art directed blog posts, injecting styles into front matter, building stuff on holidays, and whether you should use open source from organizations that are sketchy?

There was a recent article titled Stop Using React which spawned lots of discussions. I want to give my thoughts on this article and React in general. Resources https://dev.to/ender_minyard/why-you-should-stop-using-react-g7c https://timkadlec.com/remembers/2020-04-21-the-cost-of-javascript-frameworks/ 0:00 Intro 3:20 Its Slow 8:30 Its expensive 12:00 its inaccessible 14:00 React goes against the web 18:00 made by facebook 21:00 my thoughts --- Send in a voice message: https://anchor.fm/hnasr/message

In this episode of React Native Radio Josh Justice interviews Yassir Hartani. Yassir writes a blog about all he learns while programming with React Native. They begin by discussing his article about React Native Navigation. Yassir explains why he prefers React Native Navigation and walks Josh through the article.    They move on to share tips for getting into React Native development. Yassir shares the differences between React Native development and developing on the web. He explains the difference in base components, syntax, and naming. For those used to developing on the web he recommends using styled-components.   Next, the discuss best practices for upgrading and explain why upgrading in React Native can be painful. They discuss tips for improving user experience including, keyboards, clickable buttons, native feedback, and safe area view.  Developer experience tips are next. Yassir recommends building for both iOS and Android, test for both platforms as well. They also recommend testing on a physical device. The panel shares other testing tips and gives error tracking recommendations.   Panelists Josh Justice Guest Yassir Hartani Sponsors G2i  Infinite Red CacheFly ____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Links An Introduction to React-Native-Navigation  Styled Components for React Native  React Native Upgrade Helper  React Native CLI “upgrade” command  KeyboardAvoidingView  TouchableNativeFeedback  React-native-platform-touchable  SafeAreaView  https://facebook.github.io/react-native/docs/improvingux  Sentry  Bugsnag  Android keystores  Fastlane  CircleCI  App Center  CodePush  Detox  Travis CI  https://www.facebook.com/ReactNativeRadio/ https://twitter.com/R_N_Radio Picks Josh Justice: Big Nerd Ranch Guides  PouchDB  `pouchdb-react-native`  Yassir Hartani: Deep Work  4-Hour Workweek 

In this episode of React Native Radio Josh Justice interviews Yassir Hartani. Yassir writes a blog about all he learns while programming with React Native. They begin by discussing his article about React Native Navigation. Yassir explains why he prefers React Native Navigation and walks Josh through the article.    They move on to share tips for getting into React Native development. Yassir shares the differences between React Native development and developing on the web. He explains the difference in base components, syntax, and naming. For those used to developing on the web he recommends using styled-components.   Next, the discuss best practices for upgrading and explain why upgrading in React Native can be painful. They discuss tips for improving user experience including, keyboards, clickable buttons, native feedback, and safe area view.  Developer experience tips are next. Yassir recommends building for both iOS and Android, test for both platforms as well. They also recommend testing on a physical device. The panel shares other testing tips and gives error tracking recommendations.   Panelists Josh Justice Guest Yassir Hartani Sponsors G2i  Infinite Red CacheFly ____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Links An Introduction to React-Native-Navigation  Styled Components for React Native  React Native Upgrade Helper  React Native CLI “upgrade” command  KeyboardAvoidingView  TouchableNativeFeedback  React-native-platform-touchable  SafeAreaView  https://facebook.github.io/react-native/docs/improvingux  Sentry  Bugsnag  Android keystores  Fastlane  CircleCI  App Center  CodePush  Detox  Travis CI  https://www.facebook.com/ReactNativeRadio/ https://twitter.com/R_N_Radio Picks Josh Justice: Big Nerd Ranch Guides  PouchDB  `pouchdb-react-native`  Yassir Hartani: Deep Work  4-Hour Workweek 

In this episode of React Native Radio the panel discusses Josh Justice’s blog post outlining four approaches to using React Native and a fifth approach he has heard about since publishing the post. Josh summarizes the post and explains how knowing the benefits of each approach can minimize the downsides of using React Native that scare people away from using it. Understanding each approach can also help you decide which approach would work best for your company.   The first approach and the recommend approach recommended by React Native is Expo. Josh explains what Expo is and how it simplifies React Native for those starting out. The panel shares their experiences with Expo and considers the benefits of using it. They list many of the tools that Expo has right of the box and praise the simplicity of setting up and using for developers unfamiliar with native development tools.    The next approach to using React Native is React Native CLI. React Native CLI is the default approach to using React Native. This approach does require some knowledge of Xcode and android studio. It is the best option if you need to use some native integration not included in Expo. The panel shares recommendations for learning and the use of React Native CLI.   The next approach is inserting React Native into an existing native app. Josh explains how this is done and the benefits of doing so gradually. The panel considers why this approach might be used. Josh shares some challenges he saw when using this approach. The panel briefly discusses the approach Josh does not mention in his post, Expo Kit.    The final approach from the blog post and the most complex is using React Native in an independent component library. The panel considers the benefits of this approach including the isolation of the React Native code and freeing up native developers. Reusing code is discussed including how this approach can be used to save time and be used for testing.    The episode ends as the panel gives recommendations for native developers wanting to get into React Native or bring React Native to their companies. React Native has a very helpful and tightknit community and the panel invites anyone struggling or wanting to know more about React Native to reach out to the community.   Panelists Charles Max Wood Josh Justice Narendra Shetty Christopher Reyes Sponsors Infinite Red G2i CacheFly Links Four Approaches to React Native Big Nerd Ranch guides for iOS and Android  ExpoKit  React Native Community CLI  Reactiflux  https://www.facebook.com/ReactNativeRadio/ https://twitter.com/R_N_Radio Picks Josh Justice: GitHub Actions  GitHub Packages (Package Registry)  Exploring JS  Deep JavaScript Foundations  Christopher Reyes: Ignite cli  reactotron   

In this episode of React Native Radio the panel discusses Josh Justice’s blog post outlining four approaches to using React Native and a fifth approach he has heard about since publishing the post. Josh summarizes the post and explains how knowing the benefits of each approach can minimize the downsides of using React Native that scare people away from using it. Understanding each approach can also help you decide which approach would work best for your company.   The first approach and the recommend approach recommended by React Native is Expo. Josh explains what Expo is and how it simplifies React Native for those starting out. The panel shares their experiences with Expo and considers the benefits of using it. They list many of the tools that Expo has right of the box and praise the simplicity of setting up and using for developers unfamiliar with native development tools.    The next approach to using React Native is React Native CLI. React Native CLI is the default approach to using React Native. This approach does require some knowledge of Xcode and android studio. It is the best option if you need to use some native integration not included in Expo. The panel shares recommendations for learning and the use of React Native CLI.   The next approach is inserting React Native into an existing native app. Josh explains how this is done and the benefits of doing so gradually. The panel considers why this approach might be used. Josh shares some challenges he saw when using this approach. The panel briefly discusses the approach Josh does not mention in his post, Expo Kit.    The final approach from the blog post and the most complex is using React Native in an independent component library. The panel considers the benefits of this approach including the isolation of the React Native code and freeing up native developers. Reusing code is discussed including how this approach can be used to save time and be used for testing.    The episode ends as the panel gives recommendations for native developers wanting to get into React Native or bring React Native to their companies. React Native has a very helpful and tightknit community and the panel invites anyone struggling or wanting to know more about React Native to reach out to the community.   Panelists Charles Max Wood Josh Justice Narendra Shetty Christopher Reyes Sponsors Infinite Red G2i CacheFly Links Four Approaches to React Native Big Nerd Ranch guides for iOS and Android  ExpoKit  React Native Community CLI  Reactiflux  https://www.facebook.com/ReactNativeRadio/ https://twitter.com/R_N_Radio Picks Josh Justice: GitHub Actions  GitHub Packages (Package Registry)  Exploring JS  Deep JavaScript Foundations  Christopher Reyes: Ignite cli  reactotron   

In this episode Tanay Pratap from Microsoft joins us to discuss GraphQL clients & how Microsoft is using GraphQL for Microsoft Teams

#677 (https://github.com/kentcdodds/ama/issues/677)

Jumpstarting Your Side Project With Dicko Sow TableXI is now offering training for developers and products teams! For more info, email workshops@tablexi.com. Guest Dicko Sow (https://www.yodinaturals.com/): Founder of Yodi Naturals (https://www.yodinaturals.com/). Summary Our guest this week is Dicko Sow. Dicko is a software developer at a technical consultancy, but recently she has been spending her time building out a side project called Yodi Naturals. We talk about how she chose the project, how important it was to plan the project, the technical decisions, and what Dicko learned putting together the launch page. If you’re trying to decide whether to try a side project, this episode has some good information about how to put that together. Notes 01:58 - Wanting to do a Side Project; Deciding on Said Side Project - Jumpstart your sideproject! -- Dicko Sow (https://www.youtube.com/watch?v=TTSN3TbmDrE) - PearConf (https://twitter.com/PearConf) 03:59 - Yodi Naturals (https://www.yodinaturals.com/) 05:56 - Getting Started (Mentally) 07:50 - Planning and Prioritization of Minimum Viable Product Features 13:25 - Name Origin 16:08 - Getting Started (Technically) 18:45 - Using React (https://reactjs.org/) 20:26 - Working with AWS (https://aws.amazon.com/) 22:24 - Decoupling React and Rails and Releasing Features 23:51 - Design - MailChimp (https://mailchimp.com/) - Google Analytics (https://analytics.google.com/analytics/web/#/) 26:31 - Learning as the Project Comes Together 27:29 - Managing Search and Tag Functionality - Elasticsearch (https://www.elastic.co/) 31:18 - Recipe Curation 31:52 - Launching the Launch Page; Shipping Things Special Guest: Dicko Sow.

The talk will explain both the process and provide code examples on how to bootstrap your latest project in the least disruptive way. An example of expanding a publicly available project in several phases will be given (along with the source). At the end you will learn what you can get for free, what are some low hanging fruit, and then where to concentrate your efforts as you scale. If you have an interest in creating a UI Component library or Design System this is a great precursor and first step for your project. Presenter: James Stone Recorded: 2018-12-14

The talk will explain both the process and provide code examples on how to bootstrap your latest project in the least disruptive way. An example of expanding a publicly available project in several phases will be given (along with the source). At the end you will learn what you can get for free, what are some low hanging fruit, and then where to concentrate your efforts as you scale. If you have an interest in creating a UI Component library or Design System this is a great precursor and first step for your project. Presenter: James Stone Recorded: 2018-12-14

If you are in the tech software industry, then you may have heard of a UI framework called React. In this episode, my goal is to provide a non-technical overview of React and explain why so many people are deciding to use it.

Panel: Charles Max Wood Aimee Knight Joe Eames Cory House AJ O'Neal Special Guests: None In this episode, the JavaScript Jabber panelists talk about React: The Big Picture, Cory’s course on Pluralsight and what React is all about. They discuss both the pros and cons when it comes to using React and when it would be the best to use this library. They also encourage programmers to use React in a more consistent way so that people can share components. In particular, we dive pretty deep on: What is React: The Big Picture course? React The frameworks work with each other Reason and Elm How to decide when using React is the best option? React tradeoffs JavaScript React expects you to do a little more typing and work React is very close to JavaScript React pushes you towards a single file per component React Round Up Are the Code Mods as wonderful as they sound? Angular Create React App What are Code Mods? Lack of opinionated approach in React Using React in a more consistent way MobX and Redux Start off using just plain React When wouldn’t you want to use React? And much, much more! Links: React: The Big Picture Cory’s Pluralsight Reason Elm React JavaScript React Round Up Create React App Angular MobX Redux Framework Summit 2018 Angular: The Big Picture React Dev Summit Picks: Charles Hunting Hitler The Greatest Showman: Sing-a-long Aimee “Why being a perfectionist is an obstacle (and how to beat it)” by Gui Fradin “How to understand the large codebase of an open-source project?” blog post Joe Marital Bliss Card Game AJ Pplwink.com

Panel: Charles Max Wood Aimee Knight Joe Eames Cory House AJ O'Neal Special Guests: None In this episode, the JavaScript Jabber panelists talk about React: The Big Picture, Cory’s course on Pluralsight and what React is all about. They discuss both the pros and cons when it comes to using React and when it would be the best to use this library. They also encourage programmers to use React in a more consistent way so that people can share components. In particular, we dive pretty deep on: What is React: The Big Picture course? React The frameworks work with each other Reason and Elm How to decide when using React is the best option? React tradeoffs JavaScript React expects you to do a little more typing and work React is very close to JavaScript React pushes you towards a single file per component React Round Up Are the Code Mods as wonderful as they sound? Angular Create React App What are Code Mods? Lack of opinionated approach in React Using React in a more consistent way MobX and Redux Start off using just plain React When wouldn’t you want to use React? And much, much more! Links: React: The Big Picture Cory’s Pluralsight Reason Elm React JavaScript React Round Up Create React App Angular MobX Redux Framework Summit 2018 Angular: The Big Picture React Dev Summit Picks: Charles Hunting Hitler The Greatest Showman: Sing-a-long Aimee “Why being a perfectionist is an obstacle (and how to beat it)” by Gui Fradin “How to understand the large codebase of an open-source project?” blog post Joe Marital Bliss Card Game AJ Pplwink.com

Panel: Charles Max Wood Aimee Knight Joe Eames Cory House AJ O'Neal Special Guests: None In this episode, the JavaScript Jabber panelists talk about React: The Big Picture, Cory’s course on Pluralsight and what React is all about. They discuss both the pros and cons when it comes to using React and when it would be the best to use this library. They also encourage programmers to use React in a more consistent way so that people can share components. In particular, we dive pretty deep on: What is React: The Big Picture course? React The frameworks work with each other Reason and Elm How to decide when using React is the best option? React tradeoffs JavaScript React expects you to do a little more typing and work React is very close to JavaScript React pushes you towards a single file per component React Round Up Are the Code Mods as wonderful as they sound? Angular Create React App What are Code Mods? Lack of opinionated approach in React Using React in a more consistent way MobX and Redux Start off using just plain React When wouldn’t you want to use React? And much, much more! Links: React: The Big Picture Cory’s Pluralsight Reason Elm React JavaScript React Round Up Create React App Angular MobX Redux Framework Summit 2018 Angular: The Big Picture React Dev Summit Picks: Charles Hunting Hitler The Greatest Showman: Sing-a-long Aimee “Why being a perfectionist is an obstacle (and how to beat it)” by Gui Fradin “How to understand the large codebase of an open-source project?” blog post Joe Marital Bliss Card Game AJ Pplwink.com

I first talked with Nicole Chung over Twitter while I was at React Conf 2017 where she presented How to React in the Slow Lane. We brought her on the show to discuss progressive web apps using React, the differences between PWAs and React Native, and much more!

I first talked with Nicole Chung over Twitter while I was at React Conf 2017 where she presented How to React in the Slow Lane. We brought her on the show to discuss progressive web apps using React, the differences between PWAs and React Native, and much more!

Groovy Podcast Ep. 42. Links to new Grails 3.2.6 release and Gretty 1.4.1. New YouTube playlist for the Grails Quickcasts, and a video of the live broadcast of Using REACT with Grails 3 by Zak Klein. New free ebook ("Groovy Succinctly") now available. Also, a great interview with core committer Sergei Egorov about the new "macro methods" in the upcoming version of Groovy. Show notes: https://github.com/pledbrook/groovypodcast/blob/master/ep-42.md

00:55 - Why study React on Rails? Justin Gordon’s Youtube 04:30 - Redux 07:40 - Using React on parts of an app and not the whole 11:05 - Jsx, Webpack, and Hot Module Reloading React-webpack-rails-tutorial 16:05 - Integrating React with Ruby on Rails 19:55 -  Libraries 25:05 - Is React on Rails automatic? React on Rails Website 28:30 - Server rendering 30:55 - Gaps between server rendering and page loading 34:00 - Decision trees: Angular or React Email justin@shakacode.com for an email to the React on Rails slack channel 35:40 - Why choose React? ShakaCode 38:15 - Choosing a front-end framework “React on Rails, 2000+ Stars” by Justin Gordon 39:55 - Using React and Rails for production-level projects 43:00 - ShakaCode and Coaching Startup Coaching Plan Picks: The Autobiography of Benjamin Franklin by Benjamin Franklin (Jason) The Lost Art of Finding Our Way by John Edward Huth (Jason) Hacking: The Art of Exploitation by Jon Erikson (Jerome) How to Build a Billion Dollar App by George Berkowski (Jerome) Ghost in the Wires by Kevin Mitnick (Charles) School breaks (Charles) Boy Scouts of America (Charles) Friends and Guests (Justin) Play Bigger: How Pirates, Dreamers, and Innovators Create and Dominate Markets (Justin) Mast.ly (Justin) The Paleo Blueprint by Mark Sisson (Justin) Justin Gordon’s Twitter (Justin) Dave Asprey’s podcast, Bulletproof Executive Radio (Justin) The Tim Ferriss Show podcast (Justin) Dr.Boolean’s Mostly Adequate Guide to Functional Programming (Rob) Jafar Husain’s tutorials (Rob) Tesseract - Of Matter (Rob)

00:55 - Why study React on Rails? Justin Gordon’s Youtube 04:30 - Redux 07:40 - Using React on parts of an app and not the whole 11:05 - Jsx, Webpack, and Hot Module Reloading React-webpack-rails-tutorial 16:05 - Integrating React with Ruby on Rails 19:55 -  Libraries 25:05 - Is React on Rails automatic? React on Rails Website 28:30 - Server rendering 30:55 - Gaps between server rendering and page loading 34:00 - Decision trees: Angular or React Email justin@shakacode.com for an email to the React on Rails slack channel 35:40 - Why choose React? ShakaCode 38:15 - Choosing a front-end framework “React on Rails, 2000+ Stars” by Justin Gordon 39:55 - Using React and Rails for production-level projects 43:00 - ShakaCode and Coaching Startup Coaching Plan Picks: The Autobiography of Benjamin Franklin by Benjamin Franklin (Jason) The Lost Art of Finding Our Way by John Edward Huth (Jason) Hacking: The Art of Exploitation by Jon Erikson (Jerome) How to Build a Billion Dollar App by George Berkowski (Jerome) Ghost in the Wires by Kevin Mitnick (Charles) School breaks (Charles) Boy Scouts of America (Charles) Friends and Guests (Justin) Play Bigger: How Pirates, Dreamers, and Innovators Create and Dominate Markets (Justin) Mast.ly (Justin) The Paleo Blueprint by Mark Sisson (Justin) Justin Gordon’s Twitter (Justin) Dave Asprey’s podcast, Bulletproof Executive Radio (Justin) The Tim Ferriss Show podcast (Justin) Dr.Boolean’s Mostly Adequate Guide to Functional Programming (Rob) Jafar Husain’s tutorials (Rob) Tesseract - Of Matter (Rob)

00:55 - Why study React on Rails? Justin Gordon’s Youtube 04:30 - Redux 07:40 - Using React on parts of an app and not the whole 11:05 - Jsx, Webpack, and Hot Module Reloading React-webpack-rails-tutorial 16:05 - Integrating React with Ruby on Rails 19:55 -  Libraries 25:05 - Is React on Rails automatic? React on Rails Website 28:30 - Server rendering 30:55 - Gaps between server rendering and page loading 34:00 - Decision trees: Angular or React Email justin@shakacode.com for an email to the React on Rails slack channel 35:40 - Why choose React? ShakaCode 38:15 - Choosing a front-end framework “React on Rails, 2000+ Stars” by Justin Gordon 39:55 - Using React and Rails for production-level projects 43:00 - ShakaCode and Coaching Startup Coaching Plan Picks: The Autobiography of Benjamin Franklin by Benjamin Franklin (Jason) The Lost Art of Finding Our Way by John Edward Huth (Jason) Hacking: The Art of Exploitation by Jon Erikson (Jerome) How to Build a Billion Dollar App by George Berkowski (Jerome) Ghost in the Wires by Kevin Mitnick (Charles) School breaks (Charles) Boy Scouts of America (Charles) Friends and Guests (Justin) Play Bigger: How Pirates, Dreamers, and Innovators Create and Dominate Markets (Justin) Mast.ly (Justin) The Paleo Blueprint by Mark Sisson (Justin) Justin Gordon’s Twitter (Justin) Dave Asprey’s podcast, Bulletproof Executive Radio (Justin) The Tim Ferriss Show podcast (Justin) Dr.Boolean’s Mostly Adequate Guide to Functional Programming (Rob) Jafar Husain’s tutorials (Rob) Tesseract - Of Matter (Rob)

Using React Native with Angular 2 Panelists:Ari Lerner, Michael Cox Guests:Mark Laval#main-content Whoare you? Whatmotivated you to create this project? Howdoes it work? Whereis the line between ReactNative and Angular 2? Howmuch code can you re-use with other Angular 2 apps? Areyou able to leverage all the ReactNative tooling? Arethere any advantages to using this solution over: ReactNativewith React NativeScriptwith Angular 2 Hybridapps Nativeapps Whatdo you think about Angular 2? Arethere any patterns in Angular 2 that are well suited to React Native (ex.Redux, reactive, etc.) Hasanyone else started using your project yet? Whatissues have you or do you see with your approach? Whatadvice would you give someone who wants to get started working with RN andAngular 2? Whatdoes the future hold?   Links: https://github.com/angular/react-native-renderer https://github.com/mlaval/poc-angular-react-nativeTips &Picks AriLerner Fullstackreact.com JeffWhelpley AngularSurvey https://angular.io/survey ChangeDetection Explained https://www.youtube.com/watch?v=CUxD91DWkGM MichaelCox NodeDash Button https://github.com/hortinstein/node-dash-button RealmFor React Native https://realm.io/docs/react-native/latest/ MarcLaval POCof React Native with Angular 2 https://github.com/mlaval/poc-angular-react-native ReactNative Scheduling by Andy Street: https://www.facebook.com/notes/andy-street/react-native-scheduling/10153916310914590 --- Support this podcast: https://anchor.fm/angularair/support

Welcome to the Post Status Draft podcast, which you can find on iTunes and via RSS for your favorite podcatcher. Brian and his co-host, Joe Hoyle, a co-founder and the CTO of Human Made, discuss some of today's hottest, current WordPress news. Stories discussed: Language packs background and details (members only) Plugin translation details WordPress.org sub-site for translations of WordPress, plugins, and themes Trac gardening ReactJS React Europe talks Redux framework Web Pack USTwo site in React with a WordPress backend Loopconf talk on React and Flux Nomadbase React app React and the WP API for a native app A Day of Rest: a WordPress REST API conference Details for A Day of REST  

Join hosts Josh Owens and Ben Strahan as they have a deep dive on the topic of using other front-end technologies instead of Blaze with Meteor. Special guests include Jeff Wear from Mixmax and Uri Goldshtein from Meteor Development Group

Rob Eisenberg (@EisenbergEffect) recently released a framework that focuses on standardization & swappable modules. Rob is no stranger to framework building, having created the popular JavaScript framework Durandal.js and more recently having helped develop Angular 2.   Aurelia has a great story. It uses ES6/ES7 JavaScript standards so you are coding with raw JavaScript. Templates use the template HTML tag and bindings are handled by pure JavaScript Template Strings. The framework itself is very barebones and can easily work with other libraries, frameworks, or modules outside Aurelia. This approach is very different than what we've seen from todays application or component frameworks.   Rob talks with us about this ‘spiritual successor' project of Durandal, why it was created, and how it can be used today. Resources Aurelia.io - http://aurelia.io/ Aurelia Github Organization - https://github.com/aurelia Aurelia Framework - https://github.com/aurelia/framework Introduction Video - https://vimeo.com/117778145 Gitter - https://gitter.im/Aurelia/Discuss Basic tutorial - http://aurelia.io/get-started.html Documentation - http://aurelia.io/docs.html Adaptive Binding - http://blog.durandal.io/2015/04/03/aurelia-adaptive-binding/ Latest release news - http://blog.durandal.io/2015/03/25/aurelia-0-10-0-release-status/ Durandal - http://durandaljs.com/ Rob's Github page -   https://github.com/EisenbergEffect The Aurelia Router - https://github.com/aurelia/router React & Aurelia - http://ilikekillnerds.com/2015/03/aurelia-vs-react-js-based-on-actual-use/ Using React in Aurelia - http://ilikekillnerds.com/2015/03/how-to-use-react-js-in-aurelia/ Aurelia vs Angular - http://ilikekillnerds.com/2015/01/aurelia-vs-angularjs-round-one-fight/ Rob on DotNetRocks  - http://www.dotnetrocks.com/default.aspx?showNum=1097 Panelists Danny Blue - Front End Engineer at Deloitte Digital Erik Isaksen - HTML5 Google Developer Expert & Front End Engineer at Deloitte Digital Nick Niemeir - Partner at Good News Everyone Tyler McGinnis - Firebase Expert & Lead Instructor / Software Engineer at DevMtn Special Thanks to our community friends Webbear1000, Souldrinker, and zewa666 for their questions and contributions on Gitter.