#Reactjs component that renders children elements when they enter the viewport

  • The option allows you to specify how far below, above, to the left, and to the right of the viewport you want to begin displaying your content.
  • The option allows you to specify how far below the viewport you want to begin displaying your content.
  • The option allows you to specify how far to left of the viewport you want to begin displaying your content.
  • The option allows you to specify how far to the right of the viewport you want to begin displaying your content.
  • By default the throttling function is actually a debounce function so that the checking function is only triggered after a user stops scrolling.

react-lazy-load – React component that renders children elements when they enter the viewport.
Continue reading “#Reactjs component that renders children elements when they enter the viewport”

Become a React Kung Fu master with us — subscribe to our mailing list!

Dynamic #reactjs tags . Just use uppercase variable name and done :)

  • The only difference is that sometimes we want to use input and sometimes textarea .
  • Meaning that instead of hardcoding whether it is input or textarea or div or span (or anything else) we would like to keep it in a variable .
  • For many React developers using JSX it is not clear how to make a dynamic JSX tag .
  • Lowercase JSX tag names are directly compiled as strings.
  • It is required that your variable starts with uppercase instead of lowercase.

For many React developers using JSX it is not clear how to make a dynamic JSX tag. Meaning that instead of hardcoding whether it is input or textarea or div or span (or anything else) we would like to keep it in a variable. Let’s have a look.
Continue reading “Become a React Kung Fu master with us — subscribe to our mailing list!”

Become a React Kung Fu master with us — subscribe to our mailing list!

Ugly #Reactjs code? Easy to refactor. Learn how

  • The only difference is that sometimes we want to use input and sometimes textarea .
  • Meaning that instead of hardcoding whether it is input or textarea or div or span (or anything else) we would like to keep it in a variable .
  • For many React developers using JSX it is not clear how to make a dynamic JSX tag .
  • Lowercase JSX tag names are directly compiled as strings.
  • It is required that your variable starts with uppercase instead of lowercase.

For many React developers using JSX it is not clear how to make a dynamic JSX tag. Meaning that instead of hardcoding whether it is input or textarea or div or span (or anything else) we would like to keep it in a variable. Let’s have a look.
Continue reading “Become a React Kung Fu master with us — subscribe to our mailing list!”

GitHub

  • Invoke any native code directly from Javascript in React Native (without wrapping it first with a native manager)
  • import Invoke from ‘ react-native-invoke ‘ ; // execute a single call const _getContentOffset = Invoke .
  • call (_scrollView, ‘ contentOffset ‘ ); const { x , y } = await Invoke .
  • Prepare a call for later execution.
  • call (_getSelectedTextRange, ‘ start ‘ ); const _getCaretRect = Invoke .

Read the full article, click here.


@dsibiski: “This looks cool…”Invoke any native code directly from JS in #reactnative (w/o wrapping it with a native manager)””


react-native-invoke – Invoke any native code directly from Javascript in React Native (without wrapping it first with a native manager)


GitHub