tomastrajan / Component Pattern For Angular Js 1 X
Example of implementation of Component pattern for Angular JS 1.X using ES6 & Webpack
Stars: β 75
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Component Pattern For Angular Js 1 X
Minipack
π¦ A simplified example of a modern module bundler written in JavaScript
Stars: β 2,625 (+3400%)
Mutual labels: webpack, example
Faqguru
π π π A list of interview questions. This repository is everything you need to prepare for your technical interview.
Stars: β 4,653 (+6104%)
Mutual labels: webpack, angularjs
Yoshino
A themable React component libraryοΌFlexible Lightweight PC UI Components built on React! Anyone can generate easily all kinds of themes by it!
Stars: β 216 (+188%)
Mutual labels: webpack, component
Angularjs Webpack Starter
π A modern frontend setup for AngularJS projects using NPM, TypeScript and Webpack.
Stars: β 173 (+130.67%)
Mutual labels: webpack, angularjs
Suicrux
π Ultimate universal starter with lazy-loading, SSR and i18n. [not maintained]
Stars: β 958 (+1177.33%)
Mutual labels: webpack, example
Vue Plugin Template
π Solid foundation to start a Vue plugin with the best developer experience and a focus on performance
Stars: β 189 (+152%)
Mutual labels: webpack, component
Suddi.github.io
A static single-page application resume-builder developed using React.js and JSON Resume schema (https://suddi.io/)
Stars: β 246 (+228%)
Mutual labels: webpack, example
Angular To React Redux
Angular to React/Redux, a Guide for Angular v1 Experts Looking to Learn React/Redux
Stars: β 109 (+45.33%)
Mutual labels: webpack, angularjs
Ionic3 Angular43 Httpclient
Example of Ionic 3 and the new Angular 4.3 HTTPClient
Stars: β 20 (-73.33%)
Mutual labels: example, angularjs
Mean Angular5 Passport Authentication
Securing MEAN Stack (Angular 5) Web Application using Passport Authentication
Stars: β 24 (-68%)
Mutual labels: example, angularjs
Ng6 Starter
π An AngularJS Starter repo for AngularJS + ES6 + Webpack
Stars: β 1,933 (+2477.33%)
Mutual labels: webpack, angularjs
Starling Api Web Starter Kit
Starter kit and example app for using the Starling API.
Stars: β 46 (-38.67%)
Mutual labels: webpack, example
Angularjs Typescript Webpack
AngularJS 1.7, typescript 3 and webpack 4 starter project based on angular tutorial
Stars: β 150 (+100%)
Mutual labels: webpack, angularjs
Examples Electron
Examples for Electron applications.
Stars: β 193 (+157.33%)
Mutual labels: webpack, example
Razzle Material Ui Styled Example
Razzle Material-UI example with Styled Components using Express with compression
Stars: β 117 (+56%)
Mutual labels: webpack, example
Easyformgenerator
create amazing forms without coding : form editor based on angular formly
Stars: β 242 (+222.67%)
Mutual labels: webpack, angularjs
Ng Boot Oauth
oauth2 demo with angularjs and springboot
Stars: β 99 (+32%)
Mutual labels: webpack, angularjs
Universal Starter
Angular 9 Universal repo with many features
Stars: β 518 (+590.67%)
Mutual labels: webpack, example
Tested
Angular Material in MEAN Stack Website Source
Stars: β 35 (-53.33%)
Mutual labels: webpack, angularjs
ATTENTION
This is one of the first Angular JS repositories I created, if you like component pattern
and want a seed project use Angular JS 1.X ES6 seed
which implements component pattern, contains better webpack build and advanced
testing support out of the box, happy hacking!
Component Pattern for Angular JS 1.X
- original blog post describing Component Pattern
- presentation describing history of Angular JS concepts and Component Pattern
Features
- standard implementation of a state using
ui-router - component implementation used as inline template in
ui-routerstate definition - ES6, Webpack
Installation
To use it, just clone this repo and install the npm dependencies:
$ git clone https://github.com/tomastrajan/component-pattern-for-angular-js-1-x component_pattern_example
$ cd component_pattern_example
$ npm install
Scripts
All scripts are run with npm run [script], for example: npm run test.
-
build- generate a minified build to dist folder -
dev- start development server, try it by openinghttp://localhost:8080/ -
test- run all tests -
test:live- continuously run unit tests watching for changes
Credits
This example uses build process from angular-webpack-workflow, so check it out for more information if needed.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].