Designing Apps using Webflow – ConsciousApps – Medium

Hey React folks, give a try to designing apps using Webflow:  #ReactJS

  • Clearly, styling components from hand using CSS is tough… and not necessary when you have Webflow.
  • Instead, within Webflow, you design each component from scratch.
  • Let’s say you want to create a series of buttons:As you’re designing these individual components in Webflow, be sure to assign them unique classNames since you’ll later be using these classes inside your React component.
  • Once the components look exactly the way you want—and perform all the actions you want (such as on focus, hover, etc.) — simply export the code from within Webflow, like this:Highlight and copy the CSS and paste it into a CSS file that’s called from your root index.html file:link rel=”stylesheet” href=”assets/css/index.
  • css” /Inside your react components, then, simply call the CSS styles, like this:So much easier than creating all this CSS from hand!CSS code exported from Webflow.You can even add nifty transitions inside Webflow!

Anyone who’s talked to me for more than a few minutes about website and app development knows I’m a big fan of Webflow. What used to take me hours to create using raw html, css, and javascript, now…
Continue reading “Designing Apps using Webflow – ConsciousApps – Medium”

Designing Apps using Webflow – ConsciousApps – Medium

  • Clearly, styling components from hand using CSS is tough… and not necessary when you have Webflow.
  • Instead, within Webflow, you design each component from scratch.
  • Let’s say you want to create a series of buttons:As you’re designing these individual components in Webflow, be sure to assign them unique classNames since you’ll later be using these classes inside your React component.
  • Once the components look exactly the way you want—and perform all the actions you want (such as on focus, hover, etc.) — simply export the code from within Webflow, like this:Highlight and copy the CSS and paste it into a CSS file that’s called from your root index.html file:link rel=”stylesheet” href=”assets/css/index.
  • css” /Inside your react components, then, simply call the CSS styles, like this:So much easier than creating all this CSS from hand!CSS code exported from Webflow.You can even add nifty transitions inside Webflow!

Anyone who’s talked to me for more than a few minutes about website and app development knows I’m a big fan of Webflow. What used to take me hours to create using raw html, css, and javascript, now…
Continue reading “Designing Apps using Webflow – ConsciousApps – Medium”

Five Reasons We Chose ReactJS

5 Reasons We Chose ReactJS #MVB Arnab Sarkar @arnabsarker  #webdev #javascript

  • The approach gives a developer high flexibility and amazing performance gains because React calculates what change is needed to be made in the DOM in advance and updates the DOM-trees .
  • The major advantage of React is that it makes proper use of native APIs and, as a result, the stack work across platforms.
  • The framework is used extensively in developing user interfaces for web applications.
  • This increases the application’s load time and helps to keep it running very smoothly without any interruptions.
  • javascript application, react framework, react.js, react js, react native, javascript best practice, js, javascript examples

Read the full article, click here.


@DZone: “5 Reasons We Chose ReactJS #MVB Arnab Sarkar @arnabsarker #webdev #javascript”


In this post, Arnab Sarkar lists five reasons why his team chose ReactJS. Check out his favorite aspects of the JavaScript library below.


Five Reasons We Chose ReactJS