React’s safe Context API – codeburst

  • It’s purpose is to aid with that specific scenario ğŸ�‰ – But in older versions of React, you should not use it âš ï¸� – If you want your application to be stable, don’t use context.
  • You can read about the drawbacks of the current Context API here 📖 – The good news is there’s a new Context API in React@16.3! And it’s much better 🙌 – So, if you hadn’t heard of or used the Context API until now, there’s no need for FOMO 😅…
  • Here’s a demo of a theme toggle using the new safe version that’s currently obtainable in React@16.3ğŸ‘� – When would I need the Context API?It’s hard to think of an array of scenarios in which you’d need to use the Context API.
  • In many cases it will probably suffice ğŸ‘� – How might we handle it with the Context API?I’m not going to touch on the current release version of the Context API as the docs deter us from using it âš ï¸� – Instead we can take a look at how a solution…
  • Updating it might look like this – The consumer will pass a single render prop which is the current value for the Context ğŸ‘� – Much like Providers, you can have many Consumers within the component tree.

Ever needed to pass a prop down through many levels of the component tree? Did you do it manually? It’s not ideal is it? Did it have to pass through components where it looked out of place? The…
Continue reading “React’s safe Context API – codeburst”

React.js: The Hard Parts

State Management without #Redux:  by #ReactJS

  • If a user interacts with your application or refreshes the page, then we’ll look up state at that moment and rebuild the page.
  • In dynamic apps, like ones built using React, state change has to be dealt with immediately.
  • Managing state can get complicated if each component has some state.
  • Interaction with the components, like a mouse click, trigger these functions to update state.
  • For example to implement retweets: – – When the state is updated, the props will change too and render the child components again.

I am a full-stack software developer and passionate educator. I have been building for the web for almost two decades.
Continue reading “React.js: The Hard Parts”

React.js: The Hard Parts

State Management without #Redux:  #ReactJS #Javascript

  • If a user interacts with your application or refreshes the page, then we’ll look up state at that moment and rebuild the page.
  • In dynamic apps, like ones built using React, state change has to be dealt with immediately.
  • Managing state can get complicated if each component has some state.
  • Interaction with the components, like a mouse click, trigger these functions to update state.
  • For example to implement retweets:

    When the state is updated, the props will change too and render the child components again.

I am a full-stack software developer and passionate educator. I have been building for the web for almost two decades.
Continue reading “React.js: The Hard Parts”

React.js: The Hard Parts

  • If a user interacts with your application or refreshes the page, then we’ll look up state at that moment and rebuild the page.
  • In dynamic apps, like ones built using React, state change has to be dealt with immediately.
  • Managing state can get complicated if each component has some state.
  • Interaction with the components, like a mouse click, trigger these functions to update state.
  • For example to implement retweets:

    When the state is updated, the props will change too and render the child components again.

I am a full-stack software developer and passionate educator. I have been building for the web for almost two decades.
Continue reading “React.js: The Hard Parts”

react-native-online-meetups/nextMeetup.md at master · knowbody/react-native-online-meetups · GitHub

  • I can talk about code sharing between our android app and web app using React Native Web.
  • Work on React Native @ Sale Stock
  • Work on React Native @ Airbnb
  • I can also talk about versioner (like codepush) and how we do automatic update for our react native android app.
  • React Native ronin @ OSS

react-native-online-meetups – Help make this amazing, add any suggestions in the GH issues
Continue reading “react-native-online-meetups/nextMeetup.md at master · knowbody/react-native-online-meetups · GitHub”