neal-react
neal-react
is a collection of reactjs components to quickly build landing pages. I found that using hosted services like Launchrock doesn't give me enough flexibility, but frameworks like Bootstrap are too low-level and lead to lots of repetitive code. I wanted something in between these two extremees.
Visit the Sample Page
Available Components
Main components:
App
Code
CustomerQuotes
Footer
Figure
Hero
HorizontalSplit
ImageList
Navbar
Page
PricingTable
Section
SignupInline
SignupModal
Team
Third-Party integrations
Documentation
The best way to learn about the components is to look at the code for the sample page. But, basically:
npm install --save neal-react
;;; ReactDOM;
Other dependencies that should be included from a CDN:
- jQuery
- Bootstrap v4 Javascript (https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/js/bootstrap.js)
- Font Awesome
Custom Styling
Styling can be overwritten by setting the appropriate SASS Variables in your code.
Structor
Using withStructor is a visual development environment for node.js web applications with React UI. You can find a boilerplate project for neal on the Structor Marketplace and the corresponding code in this repository. A big thanks to ispelon for implementing this.
Deploying to AWS
If you are using third-party integrations like Stripe or Typeform to capture user information there is no need to write your on backend and you can simply copy your public/
directory to an AWS S3 bucket and enable Static Website Hosting. You can use a script such as this to minifify and upload:
#! /usr/bin/env bash S3_BUCKET=s3://www.nealjs.comBASE_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")/../" && pwd)"cd $BASE_DIR # Build the assets webpack -p # Upload to S3 aws s3 cp $BASE_DIR/public/ $S3_BUCKET --recursive