Client side rendering(CSR)
16.08.2024
13
0
0
0
It is a JavaScript rendering method that uses JavaScript to render a website or application in the browser. With CSR, the processing and rendering of the content happens in the browser rather than on the server.
CSR is commonly used for applications that have dynamic content and require a high degree of interactivity, like chat apps and social media platforms. It is also ideal for single-page applications (SPAs) and internal applications like admin and user dashboards that don’t need to be indexed by search engines.
React, Vue, Angular, Backbone, Ember and Swelte are most well known example of using CSR.
How it works, step-by-step:
- Requests a webpage
- A server receives the request
- The server sends a minimal HTML page with links to CSS and JavaScript files
- Parsing the HTML
- Browser downloads CSS and JavaScript
- Rendering the page
- JavaScript execution
- Re-rendering and updating
- Final display
Pros:
- Reduced server load
- More dynamic and iteractive
Cons:
- Bad for SEO
- Longer page time load
Feedback form
Used in
This is an article that is going to introduce you to my new project/webtool, SearchResultParser. Also, from this article, you can navigate to any interesting article for you. See them in the end.
In this article, I will describe a process of integrating the <b>React</b> framework into the Django website. We will configure a communication API between both of them. Also, a TailwindCSS library will be installed.
In this article, you will know the way to integrate the React framework into a Django project. As a result, you will get a full-stack app/website. Also in the article, you can find video-tutorial and downloadable samples for personal studies.
I show and tell how to develop a frontend for a site on React with a backend on django. I use MaterialUI and TailwindCSS, with source code and comments.
In this article you will understand how to add a web tutorial on a website for guests using React components. With the ability to define to which elements hints will be linked and how many such links must exist, it …