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”

React Native Expo from Beginner to Pro :: Also with MeteorJS

Learn React Native Expo. Over 5 hours of content. 3 fantastic apps. @expo_io

  • This course is perfect for anyone who wants to learn how to program apps easily with React Native Expo.
  • Expo is the hottest new expansion to the world of React Native programming.
  • It gives you plenty of new tools to quickly get your app started and it is incredibly easy to use.
  • Whether you have little experience with programming or you are a seasoned React Native developer looking to understand Expo, this course will help you learn a lot!

New to programming? Want to create awesome apps? This is the perfect course for you.
Continue reading “React Native Expo from Beginner to Pro :: Also with MeteorJS”

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”

Speaker: Nader Dabit: O’Reilly Fluent Conference, June 19

  • •  (800) 889-8969 or (707) 827-7019  •  Monday-Friday 7:30am-5pm PT  •  All trademarks and registered trademarks appearing on oreilly.com are the property of their respective owners.
  • • 
    confreg@oreilly.com

Nader Dabit is the founder of React Native Training and has been creating applications using React Native for over 2 years.
Continue reading “Speaker: Nader Dabit: O’Reilly Fluent Conference, June 19”

Getting started with React Native and NativeBase (Tab Boilerplate)— part 2

Getting started with React Native and NativeBase (Tab Boilerplate)— part 2  #javascript

  • Getting started with React Native and NativeBase (Tab Boilerplate)— part 2In Part 1 , we had covered basic set up of our React Native App, which uses Expo and NativeBase libraries.We had it setup through CRNA (Create React Native App ) tool to ease the process and avoid many of the otherwise setup hassles.As many of the apps these days come with a standard tab navigation, in this part i have created a boilerplate which you can simple download and run after installing necessary npm modules.The boilerplate created will help you to quickly create your apps in React Native that use custom fonts , Ex-Navigation with Tab Navigation, NativeBase components which many otherwise would find it a little time consuming process.An app that on start will look something like this :Please feel free to post your comments and fork.
  • Happy Day!

In Part 1 , we had covered basic set up of our React Native App, which uses Expo and NativeBase libraries. We had it setup through CRNA (Create React Native App ) tool to ease the process and avoid…
Continue reading “Getting started with React Native and NativeBase (Tab Boilerplate)— part 2”