SPFx Single Page Application

Clash Royale CLAN TAG#URR8PPP

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty margin-bottom:0;

up vote
1
down vote

favorite

1

Can you Create a Single Page Application with SPFx yet ?

I Want to Create a single Application that can handle (CRUD) several lists.

spfx spa

share|improve this question

asked 3 hours ago

DoubleB

61

New contributor

DoubleB is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

add a comment | 

up vote
1
down vote

favorite

1

Can you Create a Single Page Application with SPFx yet ?

I Want to Create a single Application that can handle (CRUD) several lists.

spfx spa

share|improve this question

asked 3 hours ago

DoubleB

61

New contributor

DoubleB is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

add a comment | 

up vote
1
down vote

favorite

1

up vote
1
down vote

favorite

1

1

Can you Create a Single Page Application with SPFx yet ?

I Want to Create a single Application that can handle (CRUD) several lists.

spfx spa

share|improve this question

asked 3 hours ago

DoubleB

61

New contributor

DoubleB is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

Can you Create a Single Page Application with SPFx yet ?

I Want to Create a single Application that can handle (CRUD) several lists.

spfx spa

spfx spa

share|improve this question

asked 3 hours ago

DoubleB

61

New contributor

DoubleB is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

share|improve this question

asked 3 hours ago

DoubleB

61

New contributor

DoubleB is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

share|improve this question

share|improve this question

asked 3 hours ago

DoubleB

61

New contributor

DoubleB is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

asked 3 hours ago

DoubleB

61

asked 3 hours ago

DoubleB

61

61

New contributor

DoubleB is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

New contributor

DoubleB is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

DoubleB is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

add a comment | 

add a comment | 

2 Answers
2

active

oldest

votes

up vote
2
down vote

I would like to add something here to understand about SPA and SPFx and how they are related.

SPAs are build using some modern framework like angularJS, react, backbone, knock out etc...

SPFx is a page and model client side development framework for SharePoint applications. Here you are creating client side web parts where you can use above modern frameworks like angularjs, react, backbone knock out etc. This web part will then be used to add on SharePoint pages, it will be added as a web part where page would be already created and hosted on SharePoint site collection.

Technology used for building SharePoint Framework client-side web parts is similar to that used for building single page applications (SPA). In fact, when using Angular v1.x to build SharePoint Framework web parts, the approach is very close to building a SPA: you specify the template, define the application configuration, its components, controllers, services and views, and bootstrap it in the DOM.

Now we have to understand that Web Parts are not single page applications.
Single page applications own the whole page. They are the only piece of code living at the given URL. Developers who build the SPA define which elements are on the page and how they communicate with each other. Web parts on the contrary, are added to the page by end-users and can coexist with a dozen other web parts. Developers building web parts cannot make any assumptions about what other elements will be present on the page.

So when you say you wanted to create SPA with SPFx, I don't think it is right term to use. What you can say is that I wanted to used Modern SPAs framework like angularjs, knockout js in webpart created using SPFx.

I think you can do similar like create multipage routes in single webpart using below link
https://blog.mastykarz.nl/build-multi-page-sharepoint-framework-client-side-web-parts-angular/

P.S. content in answer is directly refered from above link.

Hope this helps..happy coding!!!

share|improve this answer

answered 1 hour ago

Siddharth Vaghasia

2,8041518

• 
  
  
  

  
  

  
  
  
  
  
  

  
  To add to the answer there is an open user voice about SPFx and SPAs
  – Sergei Sergeev
  45 mins ago
  

  
  
  
  

add a comment | 

up vote
0
down vote

yes its possible.

I think there are lot of article available to create Signle Page Application with SPFX.

You can have look below article for refrence

https://www.c-sharpcorner.com/article/sharepoint-framework-crud-operations-using-angular-js/

share|improve this answer

answered 3 hours ago

vinit kumar

561412

• 
  
  
  

  
  

  
  
  
  
  
  

  
  Thanks i will try this out :-)
  – DoubleB
  3 hours ago
  

  
  
  
  

add a comment | 

Your Answer

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "232"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
convertImagesToLinks: false,
noModals: false,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

DoubleB is a new contributor. Be nice, and check out our Code of Conduct.

 

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name Email

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fsharepoint.stackexchange.com%2fquestions%2f249648%2fspfx-single-page-application%23new-answer', 'question_page');

);

Post as a guest

Name Email

2 Answers
2

active

oldest

votes

2 Answers
2

active

oldest

votes

active

oldest

votes

active

oldest

votes

up vote
2
down vote

I would like to add something here to understand about SPA and SPFx and how they are related.

SPAs are build using some modern framework like angularJS, react, backbone, knock out etc...

SPFx is a page and model client side development framework for SharePoint applications. Here you are creating client side web parts where you can use above modern frameworks like angularjs, react, backbone knock out etc. This web part will then be used to add on SharePoint pages, it will be added as a web part where page would be already created and hosted on SharePoint site collection.

Technology used for building SharePoint Framework client-side web parts is similar to that used for building single page applications (SPA). In fact, when using Angular v1.x to build SharePoint Framework web parts, the approach is very close to building a SPA: you specify the template, define the application configuration, its components, controllers, services and views, and bootstrap it in the DOM.

Now we have to understand that Web Parts are not single page applications.
Single page applications own the whole page. They are the only piece of code living at the given URL. Developers who build the SPA define which elements are on the page and how they communicate with each other. Web parts on the contrary, are added to the page by end-users and can coexist with a dozen other web parts. Developers building web parts cannot make any assumptions about what other elements will be present on the page.

So when you say you wanted to create SPA with SPFx, I don't think it is right term to use. What you can say is that I wanted to used Modern SPAs framework like angularjs, knockout js in webpart created using SPFx.

I think you can do similar like create multipage routes in single webpart using below link
https://blog.mastykarz.nl/build-multi-page-sharepoint-framework-client-side-web-parts-angular/

P.S. content in answer is directly refered from above link.

Hope this helps..happy coding!!!

share|improve this answer

answered 1 hour ago

Siddharth Vaghasia

2,8041518

• 
  
  
  

  
  

  
  
  
  
  
  

  
  To add to the answer there is an open user voice about SPFx and SPAs
  – Sergei Sergeev
  45 mins ago
  

  
  
  
  

add a comment | 

up vote
2
down vote

I would like to add something here to understand about SPA and SPFx and how they are related.

SPAs are build using some modern framework like angularJS, react, backbone, knock out etc...

SPFx is a page and model client side development framework for SharePoint applications. Here you are creating client side web parts where you can use above modern frameworks like angularjs, react, backbone knock out etc. This web part will then be used to add on SharePoint pages, it will be added as a web part where page would be already created and hosted on SharePoint site collection.

Technology used for building SharePoint Framework client-side web parts is similar to that used for building single page applications (SPA). In fact, when using Angular v1.x to build SharePoint Framework web parts, the approach is very close to building a SPA: you specify the template, define the application configuration, its components, controllers, services and views, and bootstrap it in the DOM.

Now we have to understand that Web Parts are not single page applications.
Single page applications own the whole page. They are the only piece of code living at the given URL. Developers who build the SPA define which elements are on the page and how they communicate with each other. Web parts on the contrary, are added to the page by end-users and can coexist with a dozen other web parts. Developers building web parts cannot make any assumptions about what other elements will be present on the page.

So when you say you wanted to create SPA with SPFx, I don't think it is right term to use. What you can say is that I wanted to used Modern SPAs framework like angularjs, knockout js in webpart created using SPFx.

I think you can do similar like create multipage routes in single webpart using below link
https://blog.mastykarz.nl/build-multi-page-sharepoint-framework-client-side-web-parts-angular/

P.S. content in answer is directly refered from above link.

Hope this helps..happy coding!!!

share|improve this answer

answered 1 hour ago

Siddharth Vaghasia

2,8041518

• 
  
  
  

  
  

  
  
  
  
  
  

  
  To add to the answer there is an open user voice about SPFx and SPAs
  – Sergei Sergeev
  45 mins ago
  

  
  
  
  

add a comment | 

up vote
2
down vote

up vote
2
down vote

I would like to add something here to understand about SPA and SPFx and how they are related.

SPAs are build using some modern framework like angularJS, react, backbone, knock out etc...

SPFx is a page and model client side development framework for SharePoint applications. Here you are creating client side web parts where you can use above modern frameworks like angularjs, react, backbone knock out etc. This web part will then be used to add on SharePoint pages, it will be added as a web part where page would be already created and hosted on SharePoint site collection.

Technology used for building SharePoint Framework client-side web parts is similar to that used for building single page applications (SPA). In fact, when using Angular v1.x to build SharePoint Framework web parts, the approach is very close to building a SPA: you specify the template, define the application configuration, its components, controllers, services and views, and bootstrap it in the DOM.

Now we have to understand that Web Parts are not single page applications.
Single page applications own the whole page. They are the only piece of code living at the given URL. Developers who build the SPA define which elements are on the page and how they communicate with each other. Web parts on the contrary, are added to the page by end-users and can coexist with a dozen other web parts. Developers building web parts cannot make any assumptions about what other elements will be present on the page.

So when you say you wanted to create SPA with SPFx, I don't think it is right term to use. What you can say is that I wanted to used Modern SPAs framework like angularjs, knockout js in webpart created using SPFx.

I think you can do similar like create multipage routes in single webpart using below link
https://blog.mastykarz.nl/build-multi-page-sharepoint-framework-client-side-web-parts-angular/

P.S. content in answer is directly refered from above link.

Hope this helps..happy coding!!!

share|improve this answer

answered 1 hour ago

Siddharth Vaghasia

2,8041518

I would like to add something here to understand about SPA and SPFx and how they are related.

SPAs are build using some modern framework like angularJS, react, backbone, knock out etc...

SPFx is a page and model client side development framework for SharePoint applications. Here you are creating client side web parts where you can use above modern frameworks like angularjs, react, backbone knock out etc. This web part will then be used to add on SharePoint pages, it will be added as a web part where page would be already created and hosted on SharePoint site collection.

Technology used for building SharePoint Framework client-side web parts is similar to that used for building single page applications (SPA). In fact, when using Angular v1.x to build SharePoint Framework web parts, the approach is very close to building a SPA: you specify the template, define the application configuration, its components, controllers, services and views, and bootstrap it in the DOM.

Now we have to understand that Web Parts are not single page applications.
Single page applications own the whole page. They are the only piece of code living at the given URL. Developers who build the SPA define which elements are on the page and how they communicate with each other. Web parts on the contrary, are added to the page by end-users and can coexist with a dozen other web parts. Developers building web parts cannot make any assumptions about what other elements will be present on the page.

So when you say you wanted to create SPA with SPFx, I don't think it is right term to use. What you can say is that I wanted to used Modern SPAs framework like angularjs, knockout js in webpart created using SPFx.

I think you can do similar like create multipage routes in single webpart using below link
https://blog.mastykarz.nl/build-multi-page-sharepoint-framework-client-side-web-parts-angular/

P.S. content in answer is directly refered from above link.

Hope this helps..happy coding!!!

share|improve this answer

answered 1 hour ago

Siddharth Vaghasia

2,8041518

share|improve this answer

share|improve this answer

answered 1 hour ago

Siddharth Vaghasia

2,8041518

answered 1 hour ago

Siddharth Vaghasia

2,8041518

answered 1 hour ago

Siddharth Vaghasia

2,8041518

2,8041518

• 
  
  
  

  
  

  
  
  
  
  
  

  
  To add to the answer there is an open user voice about SPFx and SPAs
  – Sergei Sergeev
  45 mins ago
  

  
  
  
  

add a comment | 

• 
  
  
  

  
  

  
  
  
  
  
  

  
  To add to the answer there is an open user voice about SPFx and SPAs
  – Sergei Sergeev
  45 mins ago
  

  
  
  
  

To add to the answer there is an open user voice about SPFx and SPAs
– Sergei Sergeev
45 mins ago

To add to the answer there is an open user voice about SPFx and SPAs
– Sergei Sergeev
45 mins ago

add a comment | 

up vote
0
down vote

yes its possible.

I think there are lot of article available to create Signle Page Application with SPFX.

You can have look below article for refrence

https://www.c-sharpcorner.com/article/sharepoint-framework-crud-operations-using-angular-js/

share|improve this answer

answered 3 hours ago

vinit kumar

561412

• 
  
  
  

  
  

  
  
  
  
  
  

  
  Thanks i will try this out :-)
  – DoubleB
  3 hours ago
  

  
  
  
  

add a comment | 

up vote
0
down vote

yes its possible.

I think there are lot of article available to create Signle Page Application with SPFX.

You can have look below article for refrence

https://www.c-sharpcorner.com/article/sharepoint-framework-crud-operations-using-angular-js/

share|improve this answer

answered 3 hours ago

vinit kumar

561412

• 
  
  
  

  
  

  
  
  
  
  
  

  
  Thanks i will try this out :-)
  – DoubleB
  3 hours ago
  

  
  
  
  

add a comment | 

up vote
0
down vote

up vote
0
down vote

yes its possible.

I think there are lot of article available to create Signle Page Application with SPFX.

You can have look below article for refrence

https://www.c-sharpcorner.com/article/sharepoint-framework-crud-operations-using-angular-js/

share|improve this answer

answered 3 hours ago

vinit kumar

561412

yes its possible.

I think there are lot of article available to create Signle Page Application with SPFX.

You can have look below article for refrence

https://www.c-sharpcorner.com/article/sharepoint-framework-crud-operations-using-angular-js/

share|improve this answer

answered 3 hours ago

vinit kumar

561412

share|improve this answer

share|improve this answer

answered 3 hours ago

vinit kumar

561412

answered 3 hours ago

vinit kumar

561412

answered 3 hours ago

vinit kumar

561412

561412

• 
  
  
  

  
  

  
  
  
  
  
  

  
  Thanks i will try this out :-)
  – DoubleB
  3 hours ago
  

  
  
  
  

add a comment | 

• 
  
  
  

  
  

  
  
  
  
  
  

  
  Thanks i will try this out :-)
  – DoubleB
  3 hours ago
  

  
  
  
  

Thanks i will try this out :-)
– DoubleB
3 hours ago

Thanks i will try this out :-)
– DoubleB
3 hours ago

add a comment | 

DoubleB is a new contributor. Be nice, and check out our Code of Conduct.

 

draft saved

draft discarded

DoubleB is a new contributor. Be nice, and check out our Code of Conduct.

DoubleB is a new contributor. Be nice, and check out our Code of Conduct.

DoubleB is a new contributor. Be nice, and check out our Code of Conduct.

 

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name Email

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fsharepoint.stackexchange.com%2fquestions%2f249648%2fspfx-single-page-application%23new-answer', 'question_page');

);

Post as a guest

Name Email

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name Email

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name Email

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name Email

Name Email

Name

Email

Name Email

Name

Email