/parcel-by-sample

Learn parcel by sample, each of the samples contains a readme.md file that indicates the purpose of the sample plus an step by step guide to reproduce it.

Primary LanguageHTMLMIT LicenseMIT

Parcel by sample

Learn parcel by sample, each of the samples contains a readme.md file that indicates the purpose of the sample plus an step by step guide to reproduce it.

The Lemoncode Frontend Master Students are working on a review process, if you want to cooperate in this process or add more useful samples don't hesitate to contact us, fork the project and asking for PR once ready.

Demos

00 Basic

Let's start with a very basic sample, just add an html plus a simple console log (E5), what you can find in the getting started tutorial.

Link to step by step sample guide

01 ES6

It's time to test how parcel behaves when using ES6.. does it transpile it to ES5? .

Link to step by step sample guide

02 Custom CSS

Let's get started working with styles.

In this demo will create a custom CSS file (it will contain a simple css class that will setup a background color to red).

Link to step by step sample guide

03 SASS

Let's see how to add SASS support

Link to step by step sample guide

04 Bootstrap

In this demo we will install and configure webpack to import the well known Bootstrap CSS library.

Link to step by step sample guide

05 Images

In this demo we are going to include images in our project in two flavours: via JavaScript and via HTML.

Link to step by step sample guide

06 Typescript

It's time to test how parcel behaves when using Typescript.

Link to step by step sample guide

07 React

Let's check how easy is to integrate jsx in your bundle .

Link to step by step sample guide

About Lemoncode

We are a team of long-term experienced freelance developers, established as a group in 2010. We specialize in Front End technologies and .NET. Click here to get more info about us.

For the LATAM/Spanish audience we are running an Online Front End Master degree, more info: http://lemoncode.net/master-frontend