Document how highlight updates works in the optimizing performance pa… by sanjsanj · Pull Request #387 · reactjs/reactjs.org · GitHub

  • Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
  • Already on GitHub?
  • Sign in to your account

reactjs.org – The React documentation website
Continue reading “Document how highlight updates works in the optimizing performance pa… by sanjsanj · Pull Request #387 · reactjs/reactjs.org · GitHub”

Promise-returning setState and forceUpdate by thejameskyle · Pull Request #10 · reactjs/rfcs · GitHub

  • Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
  • Already on GitHub?
  • Sign in to your account

rfcs – RFCs for changes to React
Continue reading “Promise-returning setState and forceUpdate by thejameskyle · Pull Request #10 · reactjs/rfcs · GitHub”

Deploy React.js (create-react-app) Node.js to DigitalOcean Cloud Hosting

Deploy React.js (create-react-app) Node.js to DigitalOcean Cloud Hosting

☞ 

#Nodejs

  • for me i start at 20$/month is good start and then we can upgrade.Choose a datacenter region: DigitalOcean has many datacenters that mean you can pick one for your project if your visitors almost from NY United States let select New York, so example if i target all visitors from…
  • Your cloud vps is ready to use.Check your email address that you did register in DigitalOcean you shold get an email notify about your VPS IP, root account and password.
  • in this project we need open port 80 for http access, 443 https (ssl) , and port 22 (for ssh login) that is enough.By default Firewall is inactive, you can check it by run command sudo ufw statussudo ufw app listSo let config FW allow those ports bysudo ufw allow ‘Nginx…
  • So Node.js is requiredvisit to see the documentationWe use package management to install, here is command to install Node.js v9curl -sL | sudo -E bash -sudo apt-get install -y nodejsAfter successful Node.js installed we can check the version by typing in command line : node -v and you see see “v9.3.0″Setup…
  • we can change the port to 3001 or 3002, or 8080 … so if you pointed your domain tabvn.com to Degital Ocean cloud vps so this case we can visit the chat app in http://tabvn.com:3000 so we need just see nodejs web app in default port 80 such at http://tabvn.com , that…

I have been using DigitalOcean for me and setup for my customers, so recommend use it for your project just pick vps depend on how big of your project start at 5$ or 10$, 20$, price very flexibility…
Continue reading “Deploy React.js (create-react-app) Node.js to DigitalOcean Cloud Hosting”

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”

A @reactjs component that creates SVG card loaders. All the different styles look great.

A @reactjs component that creates SVG card loaders. All the different styles look great.

  • React component that uses SVG to create a collection of loaders which simulates the structure of the content that will be loaded, similar to Facebook cards loaders.
  • Use the online tool to create your own custom loader.
  • If you are looking for React Native, Preact or Vue.js – – Or in custom mode: example – – Use the create-react-content-loader for your custom loaders – – Use the create-react-content-loader for your custom loaders

react-content-loader – React component that uses SVG to create a collection of loaders which simulates the structure of the content that will be loaded, similar to Facebook cards loaders.
Continue reading “A @reactjs component that creates SVG card loaders. All the different styles look great.”

Deploy React.js (create-react-app) Node.js to DigitalOcean Cloud Hosting

Deploy React.js (create-react-app) Node.js to DigitalOcean Cloud Hosting

☞ 

#Nodejs

  • for me i start at 20$/month is good start and then we can upgrade.Choose a datacenter region: DigitalOcean has many datacenters that mean you can pick one for your project if your visitors almost from NY United States let select New York, so example if i target all visitors from…
  • Your cloud vps is ready to use.Check your email address that you did register in DigitalOcean you shold get an email notify about your VPS IP, root account and password.
  • in this project we need open port 80 for http access, 443 https (ssl) , and port 22 (for ssh login) that is enough.By default Firewall is inactive, you can check it by run command sudo ufw statussudo ufw app listSo let config FW allow those ports bysudo ufw allow ‘Nginx…
  • So Node.js is requiredvisit to see the documentationWe use package management to install, here is command to install Node.js v9curl -sL | sudo -E bash -sudo apt-get install -y nodejsAfter successful Node.js installed we can check the version by typing in command line : node -v and you see see “v9.3.0″Setup…
  • we can change the port to 3001 or 3002, or 8080 … so if you pointed your domain tabvn.com to Degital Ocean cloud vps so this case we can visit the chat app in http://tabvn.com:3000 so we need just see nodejs web app in default port 80 such at http://tabvn.com , that…

I have been using DigitalOcean for me and setup for my customers, so recommend use it for your project just pick vps depend on how big of your project start at 5$ or 10$, 20$, price very flexibility…
Continue reading “Deploy React.js (create-react-app) Node.js to DigitalOcean Cloud Hosting”

React v16.2.0: Improved Support for Fragments

React 16.2 is here:  - the biggest addition is support for

  • To make the authoring experience as convenient as possible, we’re adding syntactical support for fragments to JSX: – – In React, this desugars to a element, as in the example from the previous section.
  • Support for fragment syntax in JSX will vary depending on the tools you use to build your app.
  • Support for JSX fragments is available in Babel v7.0.0-beta.31 and above!
  • Upgrade to the latest TypeScript with the command: – – Flow support for JSX fragments is available starting in version 0.59!
  • A big thanks to everyone who filed issues, contributed to syntax discussions, reviewed pull requests, added support for JSX fragments in third party libraries, and more!

React 16.2 is now available! The biggest addition is improved support for returning multiple children from a component’s render method. We call this feature fragments:
Continue reading “React v16.2.0: Improved Support for Fragments”