How To use Angular Material with Foundation-apps - angular-material

i have problem , i want to use Angular Material With Foundation For Apps
so i have installed Foundation for apps With Command Line using this ...
foundation-apps new project
and then install angular material after cd project:
bower install angular-material
then i see this picture :
i choose the 2nd option ... To install material ...
After This i used package.json to use the files of material ,,
so this is my problem
and:
How Use Angular material with foundation ... i want foundation-apps Grid and some features and the Material features ....
is this the Right Way !!!
http://i.stack.imgur.com/GIu40.png

Related

'mat-select' is not a known element when making build in angular 5

I am using lazy loading in my Angular 5 project and I have a shared module in which all the material components are imported and I use this shared module in my other module for material modules.
All components are working fine in development mode but when I make build for production it shows error that 'mat-select' is not a known element without showing any line number.
I have imported shared module in my components that are using angular material and also in my app.component.ts file. I searched everywhere but no luck.
For newer versions of Angular (I'm on Angular 11):
import {MatSelectModule} from '#angular/material/select';
see MatSelectModule API for more information.
Add below in your respective module.
import { MatSelectModule } from '#angular/material';
and MatSelectModule in imports.

Dynamic imports in one bundle?

I'm trying to bundle a ESM source file that includes dynamic imports like e.push(import("./polyfills/dom.js")). Not my code, so I can't change it.
With --experimentalCodeSplitting, Rollup would try to code split, but I actually want a single all-in-one bundle.
Is it possible with Rollup to include all these imports in one file?
It turned out that I was using an older version of Rollup (0.58.2). It works fine with never versions (0.60.1).

I cannot find index.ios.js and index.android.js in my react native package, instead index.js is present

I cannot find index.ios.js and index.android.js in my react native package, instead index.js is present.
I am new to this, I tried running all the commands again, created one more project still the same.
I've left react-native since v0.43. Back then, there were index.ios.js and index.android.js in standard RN app.
Now I'm back at v0.49 and everything has changed. By creating new project using create-react-native-app, everything I got is just a single App.js or index.js file for rendering main component.
This is the new approach, the better practices for creating RN project for beginners to avoid boilerplate code and make it easy to understand from the beginning. When you are more familiar with RN and want to render different components separately for each platform, just create your separate index.ios.js and index.android.js files.
The latest setup of react native gives only one file as we need to write the same code for every platform.If you want to write platform specific code then you can use Platform of react-native.The common practice is to create a common folder let's say src where you can put your react native code.I hope it may be helpful to start with react-native.
As mentioned above is not a good practice to duplicate code like it was at the start of the structure of the proyect instead you shared components that you can select which one to render depending on the platform they will be used in.

Preserve ES6 import/export in Webpack?

I'd like to bundle my app leaving the import and export intact, so that a 3rd party app can include my bundle and take advantage of tree shaking.
I can't find a way to do it, I already don't include es2015 babel preset, I only include stage-2 and react presets.
Is it something possible with Webpack 2?

Dart - How does one dart project import code from another dart project without using pub?

Suppose I have two dart projects
Project A contains code that uses web component to create bunch of UI widget (similar to https://github.com/kevmoo/widget.dart)
Project B contains my front end code that would reuse the UI widget I created in project A.
If I dont want to publish my project A to pub, is there anyway to link project B to project A without manually copying files from project A into B?
Thanks
Take a look at this section in the pub documentation: Path Dependencies:
http://pub.dartlang.org/doc/dependencies.html#path-packages
Suppose project_a had a library file called myprojecta.dart
dependencies:
project_a:
path: /Users/me/project_a <-- root of project a
In your code, you would import project_a using
import 'package:project_a/myprojecta.dart'
Note - if you don't want to publish your project to pub, you can always use git as a dependency rather than path dependency - this lets other people in your team use your projects without relying upon your filesystem layout.

Resources