Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
Stas
@stasvo
@dukefirehawk I know HTML/CSS and Bootstrap, yes maybe Flutter for web is nice idea, just thing that it's still beta kinda bother me, do you think its already ok to use it, despite beta status?
Thomas Hii
@dukefirehawk
Your mileage may varies, I used Angular Dart 6 Alpha for production without any issue for a year until it is finally released this month. So far only build a simple website with Flutter for web to see how its layout, navigation and responsive etc works. Feels more like building a mobile app than a typical web app. For me, it is good enough. I would suggest to take it for a spin. If you plan to have charts, see if those libraries are available or can be integrated.
Mitai
@MitaiGit
@boukeversteegh well, I wasn't looking for a popular solution, and when it comes to choosing a language for learning programming, javascript is the worst choice
Mitai
@MitaiGit
shelf: gives more freedom than aqueduct, angulardart: the only one(on dart) that can WORK normally with html(flutter for web, this is not interesting)
Brady Trainor
@bradyt
what about flask in python?
Mitai
@MitaiGit
dart and only dart. It was love from the first line of code))
Thomas Hii
@dukefirehawk
I like Flask as backend for Angular Dart. Simple, flexible and lean enough to work with any combination of noSQL and RDBMS databases. Only issue is working with two different coding syntax need sometimes to get used to
István Soós
@isoos
@dukefirehawk: https://pub.dev/packages/shelf_router is similar, and there is also a code generator that creates the boilerplate based on annotations.
Stas
@stasvo
I see that https://angulardart.dev/ have documentation about v. 5.3, where person who never used before angularDart (and Angular) could find documentation and some tutorials about Angular Dart 6 for start learn it?
Mitai
@MitaiGit
@stasvo this is the tough news here. The documentation is very outdated and we don't have staffing to keep it fresh ©Kevin Moore
Stas
@stasvo
@MitaiGit Could you give some advise, what person shoud do for start learn it in this situation, is there many changes between 5.3 and 6 versions?
Jonathan Rezende
@jodinathan
not much @stasvo
most updates were inner stuff so I think there is a high probability that you can use the current documentation to learn
Dao Ngo
@dngo10
@dukefirehawk I use Dart server for my project too. simple, effective.
Thomas Hii
@dukefirehawk
@isoos Looks simple enough. Will try it out.
Stas
@stasvo
@jodinathan, @MitaiGit Thanks!
Joshua Immanuel
@joshuaimmanuel
Can someone share the pubspec.yaml using angular 6.0.0 and its dependencies
Randal L. Schwartz
@RandalSchwartz
According to https://github.com/dart-lang/angular_components/blob/master/angular_components/pubspec.yaml
name: angular_components
version: 1.0.2-dev
description: >
  The official Material Design components for AngularDart. Used at Google in
  production apps.
repository: https://github.com/dart-lang/angular_components

environment:
  sdk: '>=2.8.1 <3.0.0'

dependencies:
  angular: ^6.0.0
  angular_forms: ^3.0.0
  async: ^2.1.0
  build: ^1.0.0
  build_config: ^0.4.0
  built_collection: ^4.0.0
  collection: ^1.14.10
  fixnum: ^0.10.7
  intl: ^0.16.0
  js: ^0.6.1
  logging: ^0.11.2
  meta: ^1.0.4
  observable: ^0.22.2
  protobuf: ^1.0.0
  quiver: ^2.0.0
  sass_builder: ^2.0.2

dev_dependencies:
  path: ^1.6.1
  pedantic: ^1.8.0
  test: ^1.0.0
Took me only one google, second hit. I’m tempted to paste the Google instructions here too. :)
Thomas Hii
@dukefirehawk
This is what I use for Angular Dart 6 project
name: my-app
description: A web app that uses AngularDart Components
version: 2.0.0
environment:
  sdk: ">=2.2.0 <3.0.0"

dependencies:
  angular: ^6.0.0
  angular_components: ^1.0.1
  angular_router: ^2.0.0
  angular_forms: ^3.0.0
  firebase: ^7.3.0

dev_dependencies:
  angular_test: ^3.0.0
  build_runner: ^1.10.2
  build_test: ^1.2.2
  build_web_compilers: ^2.12.0-dev.3
  #build_web_compilers: ^2.12.2
  test: ^1.15.4
  sass_builder: ^2.1.3
Joshua Immanuel
@joshuaimmanuel
Thanks @RandalSchwartz @dukefirehawk
Joshua Immanuel
@joshuaimmanuel
@RandalSchwartz Others I was able to figure by looking at angular_components repo. But, I wasn't sure about the versions of build_runnerand build_web_compilers and it was throwing incompatibility and build issues. The config given by @dukefirehawk works.
Randal L. Schwartz
@RandalSchwartz
cool
I was once concerned with Angular, but now that flutter_web is here, not so much.
Joshua Immanuel
@joshuaimmanuel
We have deployed a large scale system using AngularDart. And many of those pages are content oriented having CRUD pages, graphical representations and large tabular data. IMHO, using Flutter for Web for such content will not be a best fit.
Joshua Immanuel
@joshuaimmanuel
Very simple case is, the tabular form of data that we are displaying using CSS flex and grid usually overflows horizontally and vertically on the browser and using SingleChildScrollViewwon't be apt. I mean, going by their statement in their docs: If the viewport is expected to usually contain content beyond the dimensions of the screen, then SingleChildScrollView would be very expensive.
Adam Lofts
@adamlofts
Agree. As I understand flutter and its rendering model its going to be really challenging to make flutter web work well. Take the apps listed on the angular page - Google Ads, Google AdSense, Google Fiber, Google Play Console. I don't expect these to be re-implemented in flutter.
I get that google doesn't want to invest in supporting angular externally. Makes sense. That doesn't mean flutter is the answer.
Also for experienced teams angular dart works well.
Adam Lofts
@adamlofts
and I am very happy angular has been sync'd and continues to be updated. It is appreciated.
Joonas Salo
@salojoo
Very happy to see the project is still alive and doing well inside Google. I wonder if we can still hope to see the release of the data table component?
p554157atch
@p554157atch
Can we have new components plz?
p554157atch
@p554157atch
Can I bet on Angular and Angular Dart to beat all the JavaScript kiddies if not will Flutter fly over the Web ?
Mitai
@MitaiGit
@p554157atch you can, the only negative, there are not so many articles and outdated documentation, there is no virtual machine in the browser and support gRPC-web
Mitai
@MitaiGit
why do we use it?))
Stas
@stasvo
I see that if create new angularDart project in VStudio or Intellij idea, ide create it with outdated packages, as angular 5.3.1, is there way to fix it?
Mitai
@MitaiGit
@stasvo dependencies:
angular: ^6.0.0
Stas
@stasvo
@MitaiGit yes, but there also list of some dependencies, and if just add last versions of dependency packages its not work, need to spend time for add right packages versions
p554157atch
@p554157atch
Why Angular Dart components makes use of fixed units like px and not relative units like rem, and em. I see all new CSS frameworks are using rem and em units, but ng dart components is still using pixels, what is the reasoning behind this?
Alex Sinelnikov
@avdept
Hey guys, having odd issue with router not redirecting correctly if use 2 sets of route definitions
Here's structure of my code
router.dart

static final nonAuth = <RouteDefinition>[login];
static final authenticated = <RouteDefinition>[users, plansIndex, usersEdit, dashboard];
app_component.dart
<div *ngIf="!isSignedIn">
        <router-outlet [routes]="Routes.nonAuth"></router-outlet>
    </div>

<div *ngIf="isSignedIn">
        <div id="main-wrapper">
            <app-header [user]="user"></app-header>
              <app-sidebar [user]="user"></app-sidebar>
            <div class="page-wrapper">
                <div class="container-fluid">
                    <router-outlet [routes]="Routes.authenticated"></router-outlet>

                    <app-right-sidebar></app-right-sidebar>
                </div>
            </div>
            <footer class="footer">
                © 2020  COpyright
            </footer>
        </div>
    </div>
So, whether I call router.navigate('anypath') it just does nothing
Instead, if I put all routes into single array of <RouteDefinition> it works just fine
Thomas Hii
@dukefirehawk
@stasvo Use "pub update" to upgrade. It will keep all the dependecies to the correct version. Use "pub outdated" to check which packages have newer version available.
Kevin Moore
@kevmoo
I just updated all of the dependencies - dart-lang/angular@03b2844
I should be publishing everything tomorrow @/all
Joshua Immanuel
@joshuaimmanuel
@kevmoo Super. Thanks.
Mitai
@MitaiGit
angulardart + gRPC-web. how?
Thomas Hii
@dukefirehawk
@kevmoo Wonderful! Thank you!