The best front-end hacking cheatsheets — all in one place.

  • The best front-end hacking cheatsheets — all in one place.It’s rather impossible to remember all the APIs by heart.
  • This is when cheatsheets jump in!
  • Here are the best front-end cheatsheets I’ve gathered.

The best front-end hacking cheatsheets — all in one place. It’s rather impossible to remember all the APIs by heart. This is when cheatsheets jump in! Here are the best front-end cheatsheets I’ve…
Continue reading “The best front-end hacking cheatsheets — all in one place.”

Top 10 Web Development Articles This Week on Codeburst

  • Top 10 Web Development Articles This Week on CodeburstWhat’s trending in WebDev this week?
  • Hacktoberfest, async/await, Vue, Node, and JavaScriptWe’re midway through week two of Hacktoberfest.

Mark Muskardin explains the web share API: It’s a JavaScript API that let’s you implement native sharing capabilities from your Mobile Web App. So you have a Vue app you built with the vue-cli and…
Continue reading “Top 10 Web Development Articles This Week on Codeburst”

2 Minutes to Learn React 16’s componentDidCatch Lifecycle Method

2 minutes to learn #ReactJS 16's componentDidCatch Lifecycle Method:

  • “Error boundaries are React components that catch JavaScript errors anywhere in their child component tree, log those errors, and display a fallback UI instead of the component tree that crashed.
  • Error boundaries catch errors during rendering, in lifecycle methods, and in constructors of the whole tree below them.”
  • -Dan AbramovYou can create an error boundary class component by defining a new lifecycle method componentDidCatch(error, errorInfo).
  • You can write one Error Boundary Component and re-use it throughout your app.Component All The ThingsIssues:¯\_(ツ)_/¯How do I use Error Boundaries?I’ve created a CodePen to demo the componentDidCatch() lifecycle method.
  • Error Boundaries will encourage JavaScript error reporting services that can be triggered within the componentDidCatch() lifecycle method in Production environments.For more details check out Error Handling in React 16 by Dan Abramov.Let me know in the comments how you use Error Boundaries in your apps!

You can create an error boundary class component by defining a new lifecycle method componentDidCatch(error, errorInfo). The first method parameter is the actual error thrown. The second parameter is…
Continue reading “2 Minutes to Learn React 16’s componentDidCatch Lifecycle Method”

React Native Monthly #4

  • The React Native monthly meeting continues!
  • Here are the notes from each team: – – Trying to lower the entry barrier for the developers embracing React Native with the following things: – – The next session is scheduled for Wednesday 10, October 2017.
  • As this was only our fourth meeting, we’d like to know how do these notes benefit the React Native community.
  • Feel free to ping me on Twitter if you have any suggestion on how we should improve the output of the meeting.

The next session is scheduled for Wednesday 10, October 2017. As this was only our fourth meeting, we’d like to know how do these notes benefit the React Native community. Feel free to ping me on Twitter if you have any suggestion on how we should improve the output of the meeting.
Continue reading “React Native Monthly #4”

Number Flipping Effect With ReactJS

Number Flipping Effect With ReactJS

  • In this tutorial, we’re going to use the excellent React Animated Number library to program a currency display component that changes color based on value.
  • You can check out an example with our production all at Cryptodamus – – If you enjoyed this tutorial, make sure to subscribe to our Youtube Channel and follow us on Twitter @pentacodevids for latest updates!

In this tutorial, we’re going to use the excellent React Animated Number library to program a currency display component that changes color based on value. You
Continue reading “Number Flipping Effect With ReactJS”

Experimenting with React Native & Expo’s Audio API

  • This year, we’re working on a complete refresh (Winds 2.0) that will introduce podcast support, enhanced social functionality, native iOS and Android applications, and much more.
  • With that, we have decided to use React Native to support our iOS and Android builds – a framework that will allow our development team to write applications that target multiple operating systems, with pure JavaScript.
  • We decided to build an audio player for iOS and Android with Expo’s powerful audio API and, of course, React Native.
  • Without React Native and the help of Expo, we would not have been able to target multiple operating systems in the timeframe that we have allotted and we would have to work with two separate codebases.
  • By experimenting and building a fully functional proof of concept, we’re now one step closer to Winds 2.0, and couldn’t be happier to announce that the code is 100% open-source on GitHub.

Stream is hiring Go, Python, and Machine Learning Engineers. Join our team and help powers the feeds for more than 200 million end users!
Continue reading “Experimenting with React Native & Expo’s Audio API”