https://github.com/Lemoncode/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.
https://github.com/Lemoncode/parcel-by-sample
Last synced: 9 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/Lemoncode/parcel-by-sample
- Owner: Lemoncode
- License: mit
- Created: 2018-03-26T11:06:13.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2020-07-15T08:38:03.000Z (over 5 years ago)
- Last Synced: 2025-04-25T08:55:30.989Z (9 months ago)
- Language: HTML
- Homepage:
- Size: 206 KB
- Stars: 45
- Watchers: 10
- Forks: 14
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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). This is what you can find in the getting started tutorial.
[Link to step by step sample guide](https://github.com/Lemoncode/parcel-by-sample/blob/master/00%20basic/README.md)
## 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](https://github.com/Lemoncode/parcel-by-sample/tree/master/01%20es6)
## 02 Custom CSS
Let's start working with styles.
In this demo will create a custom CSS file (it contains a simple css class that changes a background color to red).
[Link to step by step sample guide](https://github.com/Lemoncode/parcel-by-sample/tree/master/02%20custom%20css)
## 03 SASS
Let's see how to add SASS support.
[Link to step by step sample guide](https://github.com/Lemoncode/parcel-by-sample/tree/master/03%20sass)
## 04 Bootstrap
In this demo we install and configure parcel to import the well known [Bootstrap](https://getbootstrap.com/) CSS library.
[Link to step by step sample guide](https://github.com/Lemoncode/parcel-by-sample/tree/master/04%20bootstrap)
## 05 Images
In this demo we include images in our project in two flavours: via JavaScript and via HTML.
[Link to step by step sample guide](https://github.com/Lemoncode/parcel-by-sample/tree/master/05%20images)
## 06 Typescript
It's time to test how parcel behaves when using Typescript.
[Link to step by step sample guide](https://github.com/Lemoncode/parcel-by-sample/tree/master/06%20typescript)
## 07 React
Let's check how easy it is to integrate jsx to your bundle.
[Link to step by step sample guide](https://github.com/Lemoncode/parcel-by-sample/tree/master/07%20react)
# About Basefactor + Lemoncode
We are an innovating team of Javascript experts, passionate about turning your ideas into robust products.
[Basefactor, consultancy by Lemoncode](http://www.basefactor.com) provides consultancy and coaching services.
[Lemoncode](http://lemoncode.net/services/en/#en-home) provides training services.
For the LATAM/Spanish audience we are running an Online Front End Master degree, more info: http://lemoncode.net/master-frontend