⚛️ “A react native boilerplate with authentication already implemented” ⚛️ “A book about c…

  • There are instructions below in case you wish to use this boilerplate without the Hasura APIs.
  • Developers trying to use Hasura with React Native.
  • into expo directory if you wish to use the expo SDK, or into the vanilla react native app directory Quickstart with the base Hasura project and apply the configuration of the project to the newly created Hasura cluster, as per the instructions below.
  • The command clones a base Hasura project with basic configuration and creates a free tier Hasura cluster.
  • React Native Auth boilerplate is an open source project licensed under Apache License 2.0.

GitHub is where people build software. More than 27 million people use GitHub to discover, fork, and contribute to over 80 million projects.
Continue reading “⚛️ “A react native boilerplate with authentication already implemented”

⚛️ “A book about c…”

10 more stars till we get to 1k! Star it if you haven’t already 🌟 🎉

  • Run the example app with Expo to see it in action.
  • The source code for the examples are under the /example folder.

GitHub is where people build software. More than 27 million people use GitHub to discover, fork, and contribute to over 80 million projects.
Continue reading “10 more stars till we get to 1k! Star it if you haven’t already 🌟 🎉”

React links time! ⚛️ Super easy magic-move transitions ⚛️ Virtual DOM explained…

  • Wrap any element (not just images) in a component.
  • Add the same to create a transition between the elements.
  • A transition is made when an component is unmounted and another is mounted not later than 100ms.
  • The transition is made by cloning the unmounted and mounted components, adding them with position and CSS transformed from the source to the target position.

GitHub is where people build software. More than 27 million people use GitHub to discover, fork, and contribute to over 80 million projects.
Continue reading “React links time!

⚛️ Super easy magic-move transitions

⚛️ Virtual DOM explained…”

Soon in react-native-paper #reactjs #reactnative Thanks a lot @satya164 🤝 !

Soon in react-native-paper    #reactjs #reactnative
Thanks a lot @satya164 🤝 !

  • Run the example app with Expo to see it in action.
  • The source code for the examples are under the /example folder.

GitHub is where people build software. More than 27 million people use GitHub to discover, fork, and contribute to over 80 million projects.
Continue reading “Soon in react-native-paper #reactjs #reactnative
Thanks a lot @satya164 🤝 !”

donavon/react-af – Next #reactjs features, today

donavon/react-af - Next #reactjs features, today

  • One problem that React component library developers face is that they don’t control the version of React that they run on — this is controlled by the consuming application.
  • emulates newer features of React on older versions, allowing developers to concentrate on the business problem and not the environment.
  • You can now code your library components as though they are running on a modern React (not all features supported… yet), even though your code may be running on an older version.
  • Here are the modern React features that you can use, even if yur code is running on older version of React 15 or React 16.
  • Starting with React 16.2, there is a new component that allows you to return multiple children.

GitHub is where people build software. More than 27 million people use GitHub to discover, fork, and contribute to over 80 million projects.
Continue reading “donavon/react-af – Next #reactjs features, today”

reactions/component by ryanflorence #javascript #reactjs via JavaScriptKicks

  • Because sometimes you want a lifecycle or some state but don’t want to create a new component.
  • And then import it: – – Or use script tags and globals.
  • And then grab it off the global like so: – – Let’s say you want some async data but don’t want to make a whole new component just for the lifecycles to get it: – – Or maybe you need a little bit of state but an entire component seems…

GitHub is where people build software. More than 27 million people use GitHub to discover, fork, and contribute to over 80 million projects.
Continue reading “reactions/component by ryanflorence #javascript #reactjs via JavaScriptKicks”

#Reactjs Isometric Grid #Webdesign

#Reactjs Isometric Grid  #Webdesign

  • animations are acting weird in the prop of cell.
  • set SEE #9 axis of rotation is weird or not what you want set the property of prop of Cell.
  • npm start Start the storybook, which has several different examples to play with.
  • npm run storybook npm npm run lint Lints and builds the code, placing the result in the dist directory.
  • This build is necessary to reflect changes if youre `npm link`-ed to this repository from another local project.

react-isometric-grid – React Isometric Grid :stuck_out_tongue: Inspired by Codrops Isometric Grids
Continue reading “#Reactjs Isometric Grid #Webdesign”

I’m literally refactoring source code of a #comics. How awesome is that? #ReactJS #CSS

I'm literally refactoring source code of a #comics. How awesome is that?  #ReactJS #CSS

  • This project was bootstrapped with Create React App.
  • This project is very immature.

gradient-company – CSS comics
Continue reading “I’m literally refactoring source code of a #comics. How awesome is that? #ReactJS #CSS”

One `npm publish` away from releasing version 1.5.0 of `react-native-maps-directions` :) 🔗

One `npm publish` away from releasing version 1.5.0 of `react-native-maps-directions` :)

🔗

  • Directions component for – Draw a route between two coordinates, powered by the Google Maps Directions API – – Import and render it as a child of a component.
  • The mandatory props are: – – Once the directions in between and has been fetched, a between the two will be drawn.
  • Since the result rendered on screen is a component, all props – except for – are also accepted.
  • The values for the and props can take several forms.
  • They can either be: – – All examples below have the same location, represented in the formats mentioned above: – – Note: The and props don’t need to use the same representation, you may mix them.

react-native-maps-directions – Directions Component for `react-native-maps`
Continue reading “One `npm publish` away from releasing version 1.5.0 of `react-native-maps-directions` 🙂

🔗”