Just published a small @reactjs library leveraging CSS Grid and styled-components

Just published a small @reactjs library leveraging CSS Grid and styled-components

  • Rows – GridRows minSize=”20px” – Block1 fr/Block – Block fr={2}2 frs/Block – Block fr={3}3 frs/Block – Block fr={4}4 frs/Block – Block fr={5}5 minSize=”50px” – Block1 fr/Block – Block fr={2}2 frs/Block – Block fr={3}3 frs/Block – Block fr={4}4 frs/Block – Block fr={5}5 minSize=”20px” – GridColumns – Block fr={1}1 frs/Block – Block…
  • main1 main2″ – “sidebar footer footer footer” – `} – – Block headerHeader/Block – Block sidebarSidebar/Block – Block main1Main1/Block – Block main2Main2/Block – Block areas – GridArea – area={` – “a b” – “c d” – `} – query=”(max-width: 599px)” – fallbackArea={`”a b c d”`} – – Block aA/Block -…

react-gridit – React grid using CSS Grid and styled-components
Continue reading “Just published a small @reactjs library leveraging CSS Grid and styled-components”

React Chat App: Built on #React | #SocketIO | #CosmicJS #cloud #cms #api #javascript…

  • This is an example of a basic real time chat app using React, Socket.io and Cosmic JS.
  • This example consists of the following: – – The following dev tools are used: – – Run the following commands to install the app: – – Run the following command to run the app in production: – – View the app running in production at http://localhost:3000 – – Run the…

cosmicapp-react-chat – A basic real time chat app using React, Socket.io and Cosmic JS
Continue reading “React Chat App: Built on #React | #SocketIO | #CosmicJS #cloud #cms #api #javascript…”

React Spotify — a Spotify client built with React / Redux 🎤🎺 🎸🎷 #ReactJS #Redux

React Spotify — a Spotify client built with React / Redux 🎤🎺 🎸🎷  #ReactJS #Redux

  • This is , a React front end client that communicates with the Spotify API.
  • See it in action at you don’t have a spotify account you can use the following credentials: – – If you wish to run the code locally run the following.

react-spotify – A Spotify client built with React / Redux 🎤🎺 🎸🎷
Continue reading “React Spotify — a Spotify client built with React / Redux 🎤🎺 🎸🎷 #ReactJS #Redux”

dotnetify-react-demo-vs2017/ReactTemplate at master · dsuryd/dotnetify-react-demo-vs2017 · GitHub

  • DotNetify is a free, open source project that lets you create real-time, reactive, cross-platform apps with React, React Native, or Knockout front-end on C# .
  • This is a full React SPA template for ASP.NET Core 2.0 featuring: – – The UI layout was adapted from the work by @rafaelhz.

dotnetify-react-demo-vs2017 – DotNetify-React demo using Visual Studio 2017 + WebPack
Continue reading “dotnetify-react-demo-vs2017/ReactTemplate at master · dsuryd/dotnetify-react-demo-vs2017 · GitHub”

@reactjs PP is also investigating Derby cc @no_reply we have recently forked it 🍴

@reactjs PP is also investigating Derby cc @no_reply  we have recently forked it 🍴

  • Note: this project is a work in progress attempting to track ongoing work on the Fedora Commons API specification.
  • Derby is an LDP Server with Fedora support.
  • support is in-memory only; s are stored on disk at and are not currently cleaned up on server shutdown.
  • Further development depends on progress specifying a Fedora Commons Repository API.
  • To start the server in development, do:

derby – A pure Ruby Fedora Commons implementation.
Continue reading “@reactjs PP is also investigating Derby cc @no_reply we have recently forked it 🍴”

react-props-monitor now too with #react16 #reactjs #styledcomponents 😎

react-props-monitor now too with #react16 #reactjs #styledcomponents 😎

  • In-depth checking props in runtime for any React app.
  • PropsMonitor displays exactly which props caused the error based on PropTypes of component.
  • You can define any validation function for props, based on prevProps, nextProps and name of component.
  • ({ nextProps }) { ( . )
  • ; ; }; ({ prevProps, nextProps, name }) { ( name prevProps .

react-props-monitor – In-depth checking props in runtime for any React app.
Continue reading “react-props-monitor now too with #react16 #reactjs #styledcomponents 😎”

Integrate @theflutterwave Rave Payment Gateway into your ReactJS apps seamlessly with react-ravepayment Github:

  • This is a ReactJS library for implementing RavePay Payment Gateway – – This React library provides a wrapper to add RavePay Payment to your React application – – Then go ahead and reference the Rave inline script in your index.html: – – , { } { state { key ,…
  • Minimum amount allowed NGN 1 while on production or live system, it’s 10 } ( ) { .
  • ; text; } () { ( div className p className RavePaymentModal text metadata {[{Device }]} reference { .
  • amount { .
  • p div ) } } – – Please checkout Rave Documentation for other available options you can add to the tag – – WHEN DEPLOYING TO PRODUCTION/LIVE SYSTEM, take note of the following; – – Why not star the github repo?

react-ravepayment – ReactJS library for implementing RavePay payment gateway
Continue reading “Integrate @theflutterwave Rave Payment Gateway into your ReactJS apps seamlessly with react-ravepayment

Github:”

jeromedalbert/real-world-react-apps #reactjs #Webdesign

jeromedalbert/real-world-react-apps  #reactjs #Webdesign

  • You’ll find the source code for the apps in the subdirectory.
  • Thank you to every developer who has worked on a project this repo links to, your work is helping developers learn React.
  • Given a GitHub repo for an app : – – The apps in are git submodules.
  • Git submodules are locked to a revision and don’t stay in sync with the latest revision.

real-world-react-apps – Real world React apps and their open source codebases for developers to learn from
Continue reading “jeromedalbert/real-world-react-apps #reactjs #Webdesign”

busypeoples/IntroductionToFlow.md Last active Oct 8, 2017

  • Intended for developers interested in getting started with Flow.
  • At the end of this introduction, you should have a solid understanding of Flow and how to apply it when building an application.
  • Covers all the basics needed to get started with Flow.
  • Covers all the basic needed to get started with Flow and ReactJS.

Intended for developers interested in getting started with Flow.
At the end of this introduction, you should have a solid understanding of Flow and how to apply it when building an application.
Continue reading “busypeoples/IntroductionToFlow.md Last active Oct 8, 2017”