Stripe con 2021 UI stack
0 likes117 views
The document summarizes the history and current state of the Silverstripe CMS user interface stack. It describes how the stack originally used a mismatch of legacy technologies like jQuery, Entwine, and templates. It then overhauled to use modern technologies like Webpack, React, Redux, and GraphQL. However, the legacy stack is still in use alongside the modern one, resulting in a hybrid "weird" stack. The document advocates embracing this weirdness and focuses on incremental improvements within these constraints.
1 of 31
Download to read offline
Ad
Recommended
Silverstripe CMS 4.9.0 release and beyound
Silverstripe CMS 4.9.0 release and beyoundMaximeRainville1 The document provides an update on progress with the Silverstripe CMS:
1) The upcoming Silverstripe CMS 4.9.0 release focuses on improving accessibility and includes features like default lazy loading of images to improve page load times and SEO.
2) Future releases will have a simplified process without codeweaving partnerships and more flexible recipes not tied to specific releases.
3) Silverstripe CMS 4.9.0 will be the last release supporting Internet Explorer and future versions will aim to support the latest PHP version while upgrading testing frameworks.
React vs angular (mobile first battle)
React vs angular (mobile first battle)Michael Haberman React Vs angular in the fight to be the best at mobile.
Reviews the native vs hybrid solution, also address both angular 1.x and angular 2.x
Isolated React Js components
Isolated React Js componentsAbe García Insights of how we are using react components at Zoover.
Creating a complete library of components to increase development speed and work with different teams.
Angular 2 vs React
Angular 2 vs ReactIran Reyes Fleitas This document provides an overview and comparison of Angular and React frameworks from the perspective of an experienced AngularJS and React developer. Key points of comparison addressed include React being more lightweight and modular while Angular provides more out-of-the-box functionality. Performance benchmarks generally show React as faster while Angular's testing and routing capabilities are more robust. The document avoids making definitive conclusions and emphasizes choosing based on individual needs and preferences.
Angular 2 vs React. What to chose in 2017?
Angular 2 vs React. What to chose in 2017?TechMagic The number of web development frameworks and libraries based on JavaScript continue increasing. The most popular client-side technologies are Angular and React, but you might ask - What should I use?
ReactJS or Angular
ReactJS or Angularboyney123 Some slides I put together about some differences between Reacts eco system and Angular2.
Hopefully you can use this information and links to help you decide what framework/ecosystem is best for you.
AngularJS + React
AngularJS + Reactjustvamp Your Angular app grew up and became too slow, so that you want to make it faster by implementing React framework.
How to do it? Is it worth it? What's the easiest way? What are pros and cons? You can derive all of that from this presentation.
(It may also be useful if you're just making a choice between these two frameworks.)
The WordPress Performance Team
The WordPress Performance TeamFelix Arntz The document introduces the WordPress Performance Team, a new working group focused on improving performance in WordPress core and the ecosystem. It analyzes why WordPress sites are often slow, such as unused JavaScript, render-blocking resources, and lack of performance guidance. The team will prioritize areas like images, JavaScript, and object caching. Interested contributors can join weekly meetings on Slack or comment on blog posts to get involved in the effort to enhance WordPress performance.
React in production (react global summit 2021)
React in production (react global summit 2021)Souvik Basu The document discusses best practices for building full stack React applications in production. It covers frontend technologies like React, Next.js and Gatsby as well as backend technologies like GraphQL, Prisma and MongoDB. It also discusses topics like state management, performance, authentication, internationalization, accessibility, deployment, analytics, monitoring and SEO.
Server Side React for WordPress by Muhammad Muhsin @ The JavaScript for WordP...
Server Side React for WordPress by Muhammad Muhsin @ The JavaScript for WordP...rtCamp rtCamper Muhammad Muhsin shares his take on Server Side React for WordPress.
Muhammad talks about the advantages of React and its ability to render content on the server-side, which helps performance and SEO for search engines.
He also introduces Next.js (a server-side React framework) and how to build a web app with Next.js on the front-end and WordPress at the back end.
Lagom framework
Lagom framework명주 김 Lagom is a microservices framework for Java and Scala applications that is built on reactive principles. It uses microservices architecture with CQRS and event sourcing patterns. Key features include service and persistence APIs, development tools, and support for reactive asynchronous programming. Lagom helps developers create and manage microservices-based applications and services.
JHipster, modern web application development made easy
JHipster, modern web application development made easyRaphaël Brugier The document discusses JHipster, an open source tool that generates complete and modern web applications using Spring Boot for the backend and AngularJS for the frontend. It provides an overview of JHipster's features like auto-wiring, best practices configuration, and options for NoSQL databases, Elasticsearch, caching, and deployment to Docker. The presentation includes a demo of using JHipster to quickly generate and deploy a sample web application.
React native - React(ive) Way To Build Native Mobile Apps
React native - React(ive) Way To Build Native Mobile AppsJimit Shah React Native is an open source framework released by Facebook in 2015 that allows building native mobile apps using React. It uses JavaScript to render components and runs these components on both iOS and Android platforms. The architecture runs JavaScript code on a virtual machine and uses an asynchronous bridge to communicate with native components, allowing truly native UI and performance. It uses CSS flexbox for layout and styling components within JavaScript rather than globally. This provides benefits like deterministic resolution, no dead code, and leveraging React's proven virtual DOM. Getting started requires Node.js, watchman, and the React Native CLI to generate projects that can be run from Xcode or Android Studio.
Tabtale story: Building a publishing and monitoring mobile games architecture...
Tabtale story: Building a publishing and monitoring mobile games architecture...Tikal Knowledge At Tabtale we are setting up an entire server side for the all the publishing services. These services include dynamic game configurations, error collection, analytics, social services and more.Tabtale is among the world’s top app publishers with millions of downloads so we are putting a great deal of effort in creating an extremely highly scalable and fault tolerant architecture. In this talk I will go over the architecture decisions taken to support the scalability and diversity that is required from the server side services while keeping the management of this infrastructure sane.
~30min By Assaf Gannon
Introduction to React Native
Introduction to React Nativedvcrn David Mohl presented on React Native, a framework for developing native iOS applications using React. Some key points:
- React Native allows building native iOS apps using React and JavaScript instead of Swift, while reusing code across iOS and Android.
- It is not a webview, cross-compiler, or solution for "write once, run everywhere". Apps built with React Native are fully native and can access the same APIs and capabilities as apps built using Swift.
- Rapid development is enabled through reloading code changes instantly using Hot Reloading. Functional programming principles and reusable components also improve development speed.
Node & Express as Workflow Tools
Node & Express as Workflow ToolsFITC Node & Express as Workflow Tools
“Enterprise” and “Node.js” are generally two terms which are rarely seen together, but developing on an (what are considered) “enterprise level” stack doesn’t mean you can’t sneak some Node.js into your workflow. This talk will cover using Node.js, Express, Grunt/Gulp, Commander to build custom workflow tools, mock APIs, and test suites to allow you to maintain sanity while working with more traditional environments. We will cover a simple use case for using Node and Express to smooth Front-end development workflow, and how to package your custom tool as an NPM module for others to install.
Presented live at FITC's Spotlight: MEAN Stacks event held on March 28th, 2014
More info at FITC.ca
React vs angular
React vs angular500Tech I miss my days in the army, doing C++ over Unix, without internet connection.
Back then we had very primitive tools, but very limited choice.
Choosing a stack for a webapp today is a mission impossible, and it just gets worse and worse.
Angular 1 swept us away from Backbone completely, but now Angular 2 is a totally new framework, and React has started filling in the gap.
In this talk I will discuss the principal differences of the top frameworks and their approaches
In terms of style of code, community, performance, core team, typescript vs. ES6, immutable objects, flux and more.
React.js - and how it changed our thinking about UI
React.js - and how it changed our thinking about UIMarcin Grzywaczewski This document discusses React.js and how it changed the author's thinking about building user interfaces (UI). It describes how developing UI was previously slow, error-prone, and not fun using Handlebars templates, jQuery DOM manipulation, and redrawing on every change. React.js introduced a declarative and component-based approach that is faster, less error-prone, and more enjoyable. Components have properties (props) and state, re-render only when needed for performance, and can be reused and remain independent. This new approach to UI development freed the author to focus more on experimentation rather than fighting the framework.
VueJS Best Practices
VueJS Best PracticesFatih Acet Presentation of the talk I gave in AmsterdamJS. You can watch my talk here in this link https://www.youtube.com/watch?v=_4nrh6mTt4E&t=4451s
Reactjs workshop 
Reactjs workshop Ahmed rebai The document outlines a React workshop covering what React is, its core concepts, and coding with React. It begins with an introduction and overview of React. It then covers key React concepts like components, the virtual DOM, JSX, state and props. Finally, it demonstrates how to start coding with React by rendering a component, using state, and working with forms. Resources for further learning are also provided at the end.
001. Introduction about React
001. Introduction about ReactBinh Quan Duc This document provides an introduction to ReactJS, including:
- ReactJS was developed by Facebook in 2013 and is currently at version 15.3.2; it is a view library rather than a framework
- Reasons for choosing ReactJS include faster websites, reusable views, a large community, ease of writing tests, and integration with other frameworks
- The document discusses Webpack, JSX, ES6 features, and Redux, which are important technologies to learn when using ReactJS
Gdg makurdi
Gdg makurdiNishu Goel This document provides an overview and agenda for getting started with Angular. It discusses installing Node.js and the Angular CLI, creating an Angular application, understanding components and modules, data binding techniques, and ways for components to communicate with each other such as using input, output, services, and more. The document serves as an introduction to core Angular concepts for developers new to the framework.
React server side rendering performance
React server side rendering performanceNick Dreckshage This document discusses react server side rendering. It notes that server side rendering was not originally intended in react but can provide benefits with proper architecture and performance optimizations. While challenging for performance, server side rendering can improve perceived performance through techniques like templates and optimistic updates. Overall react is still recommended, but server side rendering requires care around performance.
Angular CLI : HelloWorld
Angular CLI : HelloWorldnikspatel007 About the Presentation: Nikunj Patel will be presenting on Angular 2 CLI with Node JS.
• Are you a developer interested in TypeScript and Angular?
• Do you feel like setting up a solid Angular 2 environment is a huge pain?
• Is your Angular app becoming a maintenance nightmare?
• Are you seeing Code inconsistency due to lack of coding standards in your angular App?
Worry not, In this Live coding session we will explore the power of “Angular CLI” by developing an Angular Application. In the process, we will learn how easily we can produce a well structured, modular and testable code. We will discuss key points, shortcuts, gotchas and best practices of the Angular world. If Time permits, we will also develop backend Rest API using node.Js to power our Angular App to get a feel of how Angular can help you solve real-world problems.
Please come prepared with following installed so that we can hit the ground running.
Prerequisites :
Install Node.Js Install Visual Studio Code Install Google Chrome Install PostMan (Optional)
About the presenter:
Nik Patel is Sr. Software Engineer at Frontline Education. He has 7+ years of experience in a Full stack and works on .NET and MEAN stack. He strongly believes in “Paying it forward” and is committed to growing by learning and contributing back to the community.
Reactjs workshop (1)
Reactjs workshop (1)Ahmed rebai This document outlines a Reactjs workshop covering an introduction to Reactjs, its core concepts, and coding with Reactjs. The workshop introduces Reactjs as a library for building user interfaces, discusses its core concepts including components, virtual DOM, JSX, state and props, and demonstrates how to install and start coding with Reactjs. The document provides resources for further learning Reactjs.
React + Redux for Web Developers
React + Redux for Web DevelopersJamal Sinclair O'Garro I've been working a lot with React lately and thought it would be a good idea to share what I've learned with the group.
During this talk we'll take a look at Facebook's React library while drawing comparisons to frameworks like Angular. We'll see how we can use React and friends to create a fast and efficient single page app. Attendees are expected to have some familiarity with ES6/ES7 since we the codebase we will be looking at leverages features from the spec.
What we'll be taking a look at:
• React
• React Router
• Redux
• Redux Sagas
• Webpack
• Babel
WordPress as a Headless CMS - Bronson Quick
WordPress as a Headless CMS - Bronson QuickWordCamp Sydney The WP REST API infrastructure was introduced in WordPress 4.4. The introduction of this infrastructure allows WordPress developers to now use WordPress as a headless CMS. A headless CMS has its frontend component (the head) stripped and removed from its backend, and what remains is a backend delivering content via an API. Some common use cases for headless CMS are as follows:
Serving data to other web applications
Mobile Apps
Websites and web apps built with MVC-style JavaScript frameworks
Developers can install the WP REST API plugin to expose endpoints for WordPress for posts, pages, media and users. Developers can also extend the WordPress core REST infrastructure to register their own endpoints for custom post types and WordPress options.
The WP REST API plugin will expose database content via JSON. This data can be used by developers to create sites using JavaScript frameworks such as React and also use the JSON data in mobile apps.
Bronson will explain and demonstrate how you can use WordPress and the WP REST API to create a website that uses React on the frontend and WordPress on the backend as a headless CMS.
Async js
Async jsAlexandr Skachkov Async javascript. Overview js async js features, from callback to async function and async generators
Angular (v2 and up) - Morning to understand - Linagora
Angular (v2 and up) - Morning to understand - LinagoraLINAGORA Slides of the talk about Angular, at the "Matinée Pour Comprendre" organized by Linagora the 22/03/17.
Discover what's new in Angular, why is it more than just a framework (platform) and how to manage your data with RxJs and Redux.
React js Online Training
React js Online TrainingLearntek1 http://www.learntek.org/product/react-js-training/
http://www.learntek.org
Learntek is global online training provider on Big Data Analytics, Hadoop, Machine Learning, Deep Learning, IOT, AI, Cloud Technology, DEVOPS, Digital Marketing and other IT and Management courses. We are dedicated to designing, developing and implementing training programs for students, corporate employees and business professional.
Ad
More Related Content
What's hot (20)
React in production (react global summit 2021)
React in production (react global summit 2021)Souvik Basu The document discusses best practices for building full stack React applications in production. It covers frontend technologies like React, Next.js and Gatsby as well as backend technologies like GraphQL, Prisma and MongoDB. It also discusses topics like state management, performance, authentication, internationalization, accessibility, deployment, analytics, monitoring and SEO.
Server Side React for WordPress by Muhammad Muhsin @ The JavaScript for WordP...
Server Side React for WordPress by Muhammad Muhsin @ The JavaScript for WordP...rtCamp rtCamper Muhammad Muhsin shares his take on Server Side React for WordPress.
Muhammad talks about the advantages of React and its ability to render content on the server-side, which helps performance and SEO for search engines.
He also introduces Next.js (a server-side React framework) and how to build a web app with Next.js on the front-end and WordPress at the back end.
Lagom framework
Lagom framework명주 김 Lagom is a microservices framework for Java and Scala applications that is built on reactive principles. It uses microservices architecture with CQRS and event sourcing patterns. Key features include service and persistence APIs, development tools, and support for reactive asynchronous programming. Lagom helps developers create and manage microservices-based applications and services.
JHipster, modern web application development made easy
JHipster, modern web application development made easyRaphaël Brugier The document discusses JHipster, an open source tool that generates complete and modern web applications using Spring Boot for the backend and AngularJS for the frontend. It provides an overview of JHipster's features like auto-wiring, best practices configuration, and options for NoSQL databases, Elasticsearch, caching, and deployment to Docker. The presentation includes a demo of using JHipster to quickly generate and deploy a sample web application.
React native - React(ive) Way To Build Native Mobile Apps
React native - React(ive) Way To Build Native Mobile AppsJimit Shah React Native is an open source framework released by Facebook in 2015 that allows building native mobile apps using React. It uses JavaScript to render components and runs these components on both iOS and Android platforms. The architecture runs JavaScript code on a virtual machine and uses an asynchronous bridge to communicate with native components, allowing truly native UI and performance. It uses CSS flexbox for layout and styling components within JavaScript rather than globally. This provides benefits like deterministic resolution, no dead code, and leveraging React's proven virtual DOM. Getting started requires Node.js, watchman, and the React Native CLI to generate projects that can be run from Xcode or Android Studio.
Tabtale story: Building a publishing and monitoring mobile games architecture...
Tabtale story: Building a publishing and monitoring mobile games architecture...Tikal Knowledge At Tabtale we are setting up an entire server side for the all the publishing services. These services include dynamic game configurations, error collection, analytics, social services and more.Tabtale is among the world’s top app publishers with millions of downloads so we are putting a great deal of effort in creating an extremely highly scalable and fault tolerant architecture. In this talk I will go over the architecture decisions taken to support the scalability and diversity that is required from the server side services while keeping the management of this infrastructure sane.
~30min By Assaf Gannon
Introduction to React Native
Introduction to React Nativedvcrn David Mohl presented on React Native, a framework for developing native iOS applications using React. Some key points:
- React Native allows building native iOS apps using React and JavaScript instead of Swift, while reusing code across iOS and Android.
- It is not a webview, cross-compiler, or solution for "write once, run everywhere". Apps built with React Native are fully native and can access the same APIs and capabilities as apps built using Swift.
- Rapid development is enabled through reloading code changes instantly using Hot Reloading. Functional programming principles and reusable components also improve development speed.
Node & Express as Workflow Tools
Node & Express as Workflow ToolsFITC Node & Express as Workflow Tools
“Enterprise” and “Node.js” are generally two terms which are rarely seen together, but developing on an (what are considered) “enterprise level” stack doesn’t mean you can’t sneak some Node.js into your workflow. This talk will cover using Node.js, Express, Grunt/Gulp, Commander to build custom workflow tools, mock APIs, and test suites to allow you to maintain sanity while working with more traditional environments. We will cover a simple use case for using Node and Express to smooth Front-end development workflow, and how to package your custom tool as an NPM module for others to install.
Presented live at FITC's Spotlight: MEAN Stacks event held on March 28th, 2014
More info at FITC.ca
React vs angular
React vs angular500Tech I miss my days in the army, doing C++ over Unix, without internet connection.
Back then we had very primitive tools, but very limited choice.
Choosing a stack for a webapp today is a mission impossible, and it just gets worse and worse.
Angular 1 swept us away from Backbone completely, but now Angular 2 is a totally new framework, and React has started filling in the gap.
In this talk I will discuss the principal differences of the top frameworks and their approaches
In terms of style of code, community, performance, core team, typescript vs. ES6, immutable objects, flux and more.
React.js - and how it changed our thinking about UI
React.js - and how it changed our thinking about UIMarcin Grzywaczewski This document discusses React.js and how it changed the author's thinking about building user interfaces (UI). It describes how developing UI was previously slow, error-prone, and not fun using Handlebars templates, jQuery DOM manipulation, and redrawing on every change. React.js introduced a declarative and component-based approach that is faster, less error-prone, and more enjoyable. Components have properties (props) and state, re-render only when needed for performance, and can be reused and remain independent. This new approach to UI development freed the author to focus more on experimentation rather than fighting the framework.
VueJS Best Practices
VueJS Best PracticesFatih Acet Presentation of the talk I gave in AmsterdamJS. You can watch my talk here in this link https://www.youtube.com/watch?v=_4nrh6mTt4E&t=4451s
Reactjs workshop
Reactjs workshop Ahmed rebai The document outlines a React workshop covering what React is, its core concepts, and coding with React. It begins with an introduction and overview of React. It then covers key React concepts like components, the virtual DOM, JSX, state and props. Finally, it demonstrates how to start coding with React by rendering a component, using state, and working with forms. Resources for further learning are also provided at the end.
001. Introduction about React
001. Introduction about ReactBinh Quan Duc This document provides an introduction to ReactJS, including:
- ReactJS was developed by Facebook in 2013 and is currently at version 15.3.2; it is a view library rather than a framework
- Reasons for choosing ReactJS include faster websites, reusable views, a large community, ease of writing tests, and integration with other frameworks
- The document discusses Webpack, JSX, ES6 features, and Redux, which are important technologies to learn when using ReactJS
Gdg makurdi
Gdg makurdiNishu Goel This document provides an overview and agenda for getting started with Angular. It discusses installing Node.js and the Angular CLI, creating an Angular application, understanding components and modules, data binding techniques, and ways for components to communicate with each other such as using input, output, services, and more. The document serves as an introduction to core Angular concepts for developers new to the framework.
React server side rendering performance
React server side rendering performanceNick Dreckshage This document discusses react server side rendering. It notes that server side rendering was not originally intended in react but can provide benefits with proper architecture and performance optimizations. While challenging for performance, server side rendering can improve perceived performance through techniques like templates and optimistic updates. Overall react is still recommended, but server side rendering requires care around performance.
Angular CLI : HelloWorld
Angular CLI : HelloWorldnikspatel007 About the Presentation: Nikunj Patel will be presenting on Angular 2 CLI with Node JS.
• Are you a developer interested in TypeScript and Angular?
• Do you feel like setting up a solid Angular 2 environment is a huge pain?
• Is your Angular app becoming a maintenance nightmare?
• Are you seeing Code inconsistency due to lack of coding standards in your angular App?
Worry not, In this Live coding session we will explore the power of “Angular CLI” by developing an Angular Application. In the process, we will learn how easily we can produce a well structured, modular and testable code. We will discuss key points, shortcuts, gotchas and best practices of the Angular world. If Time permits, we will also develop backend Rest API using node.Js to power our Angular App to get a feel of how Angular can help you solve real-world problems.
Please come prepared with following installed so that we can hit the ground running.
Prerequisites :
Install Node.Js Install Visual Studio Code Install Google Chrome Install PostMan (Optional)
About the presenter:
Nik Patel is Sr. Software Engineer at Frontline Education. He has 7+ years of experience in a Full stack and works on .NET and MEAN stack. He strongly believes in “Paying it forward” and is committed to growing by learning and contributing back to the community.
Reactjs workshop (1)
Reactjs workshop (1)Ahmed rebai This document outlines a Reactjs workshop covering an introduction to Reactjs, its core concepts, and coding with Reactjs. The workshop introduces Reactjs as a library for building user interfaces, discusses its core concepts including components, virtual DOM, JSX, state and props, and demonstrates how to install and start coding with Reactjs. The document provides resources for further learning Reactjs.
React + Redux for Web Developers
React + Redux for Web DevelopersJamal Sinclair O'Garro I've been working a lot with React lately and thought it would be a good idea to share what I've learned with the group.
During this talk we'll take a look at Facebook's React library while drawing comparisons to frameworks like Angular. We'll see how we can use React and friends to create a fast and efficient single page app. Attendees are expected to have some familiarity with ES6/ES7 since we the codebase we will be looking at leverages features from the spec.
What we'll be taking a look at:
• React
• React Router
• Redux
• Redux Sagas
• Webpack
• Babel
WordPress as a Headless CMS - Bronson Quick
WordPress as a Headless CMS - Bronson QuickWordCamp Sydney The WP REST API infrastructure was introduced in WordPress 4.4. The introduction of this infrastructure allows WordPress developers to now use WordPress as a headless CMS. A headless CMS has its frontend component (the head) stripped and removed from its backend, and what remains is a backend delivering content via an API. Some common use cases for headless CMS are as follows:
Serving data to other web applications
Mobile Apps
Websites and web apps built with MVC-style JavaScript frameworks
Developers can install the WP REST API plugin to expose endpoints for WordPress for posts, pages, media and users. Developers can also extend the WordPress core REST infrastructure to register their own endpoints for custom post types and WordPress options.
The WP REST API plugin will expose database content via JSON. This data can be used by developers to create sites using JavaScript frameworks such as React and also use the JSON data in mobile apps.
Bronson will explain and demonstrate how you can use WordPress and the WP REST API to create a website that uses React on the frontend and WordPress on the backend as a headless CMS.
Async js
Async jsAlexandr Skachkov Async javascript. Overview js async js features, from callback to async function and async generators
Similar to Stripe con 2021 UI stack (20)
Angular (v2 and up) - Morning to understand - Linagora
Angular (v2 and up) - Morning to understand - LinagoraLINAGORA Slides of the talk about Angular, at the "Matinée Pour Comprendre" organized by Linagora the 22/03/17.
Discover what's new in Angular, why is it more than just a framework (platform) and how to manage your data with RxJs and Redux.
React js Online Training
React js Online TrainingLearntek1 http://www.learntek.org/product/react-js-training/
http://www.learntek.org
Learntek is global online training provider on Big Data Analytics, Hadoop, Machine Learning, Deep Learning, IOT, AI, Cloud Technology, DEVOPS, Digital Marketing and other IT and Management courses. We are dedicated to designing, developing and implementing training programs for students, corporate employees and business professional.
React-Js-Online-Training-9028522.ppsx
React-Js-Online-Training-9028522.ppsxKulbir4 The document outlines the topics that will be covered in an online React JS training course, including introductions to React JS, why React is useful, component approaches in React, setting up the development environment, connecting React to Redux, asynchronous actions in Redux, testing React and Redux applications, and prerequisites for the course.
Dust.js
Dust.jsYevgeniy Brikman The document discusses LinkedIn's adoption of the Dust templating language in 2011. Some key points:
- LinkedIn needed a unified view layer as different teams were using different templating technologies like JSP, GSP, ERB.
- They evaluated 26 templating options and selected Dust as it best met their criteria like performance, i18n support, and being logic-less.
- Dust templates are compiled to JavaScript for client-side rendering and to Java for server-side rendering (SSR) through Google's V8 engine, allowing templates to work on both client and server.
- SSR addresses challenges like SEO, supporting clients without JavaScript, and i18n by rendering
Nuxeo and JavaScript
Nuxeo and JavaScriptNuxeo Thierry Delprat gave his thoughts about JavaScript as a language and explained how it's currently used and will be use in the Nuxeo Platform
Challenges of angular in production (Tasos Bekos) - GreeceJS #17
Challenges of angular in production (Tasos Bekos) - GreeceJS #17GreeceJS Modern web applications have constantly growing requirements and their API and complexity grows exponentially. In this session we'll look at a practical example of how to optimize solutions, like bundling, tree shaking, ahead of time compilation, lazy loading, etc. Also, we will get a glimpse of what it takes to switch a complex product to a modern stack, with Angular in its heart, and how the company's commitment is making it possible.
Jayway Web Tech Radar 2015
Jayway Web Tech Radar 2015Gustaf Nilsson Kotte Are you having trouble with all the things happening in web technology lately? Frustrated with the rate of change? Hard to keep up? Then we have good news for you: a little while ago, we at Jayway did a tech radar on web technology and we would like to share it with you.
Some of the technologies we will cover are: ECMAScript 6, React, Angular, Ember, Isomorphic/Universal web applications, Unidirectional client data flow, Backend-as-a-Service, Meteor, and Static site generators.
We will also do a small comparison of the web tech radar we did 18 months ago, and draw conclusions from the differences and the current rate of change.
Finally, we'll give some advices for navigating in the ever changing landscape of new web technology.
Making sense of the front-end, for PHP developers
Making sense of the front-end, for PHP developersLewiz The complexity of frontend web development has increased measurably. Gone are the days of jQuery. New frameworks like React and Vue and tools like Webpack are the new deal.
In this talk, we will try to make sense of the current state of front-end development and how it changes how we write backend code. More specifically, we will see how Symfony and Laravel help us in that regard.
Web Development with Delphi and React - ITDevCon 2016
Web Development with Delphi and React - ITDevCon 2016Marco Breveglieri This document provides an overview of modern web development with Delphi and React. It discusses how traditional "fat" web applications are no longer preferred and introduces key concepts in modern web development like JavaScript, HTML5 APIs, DOM, jQuery, single page applications, and React. It explains what React is and core React concepts like components, properties, state, virtual DOM, JSX syntax and lifecycle methods. It also discusses how Delphi can be used to build backend APIs that a React front-end can communicate with.
Road to sbt 1.0: Paved with server (2015 Amsterdam)
Road to sbt 1.0: Paved with server (2015 Amsterdam)Eugene Yokota The document provides a history of build tools and a roadmap for sbt 1.0. It discusses modularizing sbt into components to improve stability and introduce an sbt server for centralized build execution. The sbt server design allows clients to connect as events, handle input, and run background jobs. Existing plugins can try the sbt server APIs without breaking functionality. The roadmap includes improving interaction, meta-projects, and killing bad states to complete the sbt server.
Single Page Applications - Desert Code Camp 2012
Single Page Applications - Desert Code Camp 2012Adam Mokan Slides from my presentation on Single-Page Applications at Desert Code Camp 2012.
The event was held on November 17th, 2012 at Chandler-Gilbert Community College.
http://nov2012.desertcodecamp.com/session/565
Node.js an Exectutive View
Node.js an Exectutive ViewManuel Eusebio de Paz Carmona This document provides an overview of Node.js, including what it is, how it works, and why it is useful. Node.js is a runtime environment that allows JavaScript to be used for high-performance, low-latency applications. It uses an event-driven, non-blocking I/O model that makes it efficient even under heavy loads. Node.js is commonly used for backend development, APIs, microservices, and real-time applications due to its fast performance. It also has a large ecosystem of packages and tools that can be used for building applications and development workflows.
Instant developer onboarding with self contained repositories
Instant developer onboarding with self contained repositoriesYshay Yaacobi Slide from my talk on "Instant developer onboarding with self-contained repositories".
https://sched.co/l9yG
Code examples on:
https://github.com/Yshayy/self-contained-repositories
Conference Recordings will be added once it will be public
Should you use HTML5 to build your product? The pros & cons of using current ...
Should you use HTML5 to build your product? The pros & cons of using current ...boxuno This document discusses the pros and cons of using HTML5 features to build products. It built a messaging client called boxUno using HTML5 that provided offline access, but HTML5 also caused limitations like browser incompatibility and crashes. The document covers HTML5 features like WebWorkers for concurrency, IndexedDB for offline databases, Application Cache for offline viewing, and WebRTC for video. While powerful, these features have drawbacks like debugging difficulties and changing APIs. The conclusion is HTML5 has advantages but also risks, so compatibility should be considered, and IndexedDB is currently the best option for offline access.
Design Summit - Technology Vision - Oleg Barenboim and Jason Frey
Design Summit - Technology Vision - Oleg Barenboim and Jason FreyManageIQ Oleg and Jason share the vision for the ManageIQ technology, integration with partners, and an overview of the roadmap.
See accompanying video: http://youtu.be/lokMmVCavas
For more on ManageIQ, see http://manageiq.org/
Road to sbt 1.0 paved with server
Road to sbt 1.0 paved with serverEugene Yokota The document discusses the history of build tools and outlines a roadmap for sbt 1.0 focused on stability and modularization. It introduces sbt-server as a way to centralize build tasks and allow multiple clients to interact with the build. Key points of the sbt-server design include running tasks in a centralized queue, handling reconnects, using a versioned protocol for communication, and supporting background jobs and input. The document also discusses bringing existing sbt plugins onto sbt-server without breaking functionality.
GraphQL Bangkok Meetup 6.0
GraphQL Bangkok Meetup 6.0Tobias Meixner GraphQL Meetup in Bangkok - Edition No. 6
This time with an extensive GraphQL Introduction and Gatsby use-case presentation
Web summit.pptx
Web summit.pptx171SagnikRoy Introduction to web development🌐: HTML, CSS, and JavaScript
Problems with traditional approaches to web development 🤔
Introduction to ReactJS ⚛️: What is React, and why use it for modern web development?
Building a simple web application with React🧑🏻💻👩🏻💻
JS digest. October 2017 
JS digest. October 2017 ElifTech This document summarizes recent developments in JavaScript including:
- Angular 5 improvements like progressive web apps and code optimization.
- Machine learning capabilities in browsers using TensorFire and Google's Deeplearn.js.
- New features in Firefox 55 and 56 like screenshots and CSS Grid updates.
- The Bootstrap 4 Beta release overhauling components and dropping older browser support.
- Updates to Yarn, Atom IDE, WebKit, CoffeeScript, and React as well as experiments with WebAssembly and creating Word documents with React.
Counterclockwise past present future
Counterclockwise past present futurelolopetit Counterclockwise is an Eclipse plugin that allows developers to write Clojure code within the Eclipse IDE. It provides features like syntax highlighting, structural editing commands, code completion, and interactive development through a REPL. Future plans for Counterclockwise include improving the editor, project management, REPL, refactoring support, and debugger integration. It is an open source project maintained by volunteers and is available through the Eclipse marketplace.
Ad
Recently uploaded (20)
Big Data Analytics Quick Research Guide by Arthur Morgan
Big Data Analytics Quick Research Guide by Arthur MorganArthur Morgan This is a Quick Research Guide (QRG).
QRGs include the following:
- A brief, high-level overview of the QRG topic.
- A milestone timeline for the QRG topic.
- Links to various free online resource materials to provide a deeper dive into the QRG topic.
- Conclusion and a recommendation for at least two books available in the SJPL system on the QRG topic.
QRGs planned for the series:
- Artificial Intelligence QRG
- Quantum Computing QRG
- Big Data Analytics QRG
- Spacecraft Guidance, Navigation & Control QRG (coming 2026)
- UK Home Computing & The Birth of ARM QRG (coming 2027)
Any questions or comments?
- Please contact Arthur Morgan at [email protected].
100% human made.
AI and Data Privacy in 2025: Global Trends
AI and Data Privacy in 2025: Global TrendsInData Labs In this infographic, we explore how businesses can implement effective governance frameworks to address AI data privacy. Understanding it is crucial for developing effective strategies that ensure compliance, safeguard customer trust, and leverage AI responsibly. Equip yourself with insights that can drive informed decision-making and position your organization for success in the future of data privacy.
This infographic contains:
-AI and data privacy: Key findings
-Statistics on AI data privacy in the today’s world
-Tips on how to overcome data privacy challenges
-Benefits of AI data security investments.
Keep up-to-date on how AI is reshaping privacy standards and what this entails for both individuals and organizations.
Buckeye Dreamin 2024: Assessing and Resolving Technical Debt
Buckeye Dreamin 2024: Assessing and Resolving Technical DebtLynda Kane Slide Deck from Buckeye Dreamin' 2024 presentation Assessing and Resolving Technical Debt. Focused on identifying technical debt in Salesforce and working towards resolving it.
tecnologias de las primeras civilizaciones.pdf
tecnologias de las primeras civilizaciones.pdffjgm517 descaripcion detallada del avance de las tecnologias en mesopotamia, egipto, roma y grecia.
Into The Box Conference Keynote Day 1 (ITB2025)
Into The Box Conference Keynote Day 1 (ITB2025)Ortus Solutions, Corp This is the keynote of the Into the Box conference, highlighting the release of the BoxLang JVM language, its key enhancements, and its vision for the future.
Dev Dives: Automate and orchestrate your processes with UiPath Maestro
Dev Dives: Automate and orchestrate your processes with UiPath MaestroUiPathCommunity This session is designed to equip developers with the skills needed to build mission-critical, end-to-end processes that seamlessly orchestrate agents, people, and robots.
📕 Here's what you can expect:
- Modeling: Build end-to-end processes using BPMN.
- Implementing: Integrate agentic tasks, RPA, APIs, and advanced decisioning into processes.
- Operating: Control process instances with rewind, replay, pause, and stop functions.
- Monitoring: Use dashboards and embedded analytics for real-time insights into process instances.
This webinar is a must-attend for developers looking to enhance their agentic automation skills and orchestrate robust, mission-critical processes.
👨🏫 Speaker:
Andrei Vintila, Principal Product Manager @UiPath
This session streamed live on April 29, 2025, 16:00 CET.
Check out all our upcoming Dev Dives sessions at https://community.uipath.com/dev-dives-automation-developer-2025/.
Automation Dreamin': Capture User Feedback From Anywhere
Automation Dreamin': Capture User Feedback From AnywhereLynda Kane Slide Deck from Automation Dreamin' 2022 presentation Capture User Feedback from Anywhere
AI Changes Everything – Talk at Cardiff Metropolitan University, 29th April 2...
AI Changes Everything – Talk at Cardiff Metropolitan University, 29th April 2...Alan Dix Talk at the final event of Data Fusion Dynamics: A Collaborative UK-Saudi Initiative in Cybersecurity and Artificial Intelligence funded by the British Council UK-Saudi Challenge Fund 2024, Cardiff Metropolitan University, 29th April 2025
https://alandix.com/academic/talks/CMet2025-AI-Changes-Everything/
Is AI just another technology, or does it fundamentally change the way we live and think?
Every technology has a direct impact with micro-ethical consequences, some good, some bad. However more profound are the ways in which some technologies reshape the very fabric of society with macro-ethical impacts. The invention of the stirrup revolutionised mounted combat, but as a side effect gave rise to the feudal system, which still shapes politics today. The internal combustion engine offers personal freedom and creates pollution, but has also transformed the nature of urban planning and international trade. When we look at AI the micro-ethical issues, such as bias, are most obvious, but the macro-ethical challenges may be greater.
At a micro-ethical level AI has the potential to deepen social, ethnic and gender bias, issues I have warned about since the early 1990s! It is also being used increasingly on the battlefield. However, it also offers amazing opportunities in health and educations, as the recent Nobel prizes for the developers of AlphaFold illustrate. More radically, the need to encode ethics acts as a mirror to surface essential ethical problems and conflicts.
At the macro-ethical level, by the early 2000s digital technology had already begun to undermine sovereignty (e.g. gambling), market economics (through network effects and emergent monopolies), and the very meaning of money. Modern AI is the child of big data, big computation and ultimately big business, intensifying the inherent tendency of digital technology to concentrate power. AI is already unravelling the fundamentals of the social, political and economic world around us, but this is a world that needs radical reimagining to overcome the global environmental and human challenges that confront us. Our challenge is whether to let the threads fall as they may, or to use them to weave a better future.
Automation Hour 1/28/2022: Capture User Feedback from Anywhere
Automation Hour 1/28/2022: Capture User Feedback from AnywhereLynda Kane Slide Deck from Automation Hour 1/28/2022 presentation Capture User Feedback from Anywhere presenting setting up a Custom Object and Flow to collection User Feedback in Dynamic Pages and schedule a report to act on that feedback regularly.
Hands On: Create a Lightning Aura Component with force:RecordData
Hands On: Create a Lightning Aura Component with force:RecordDataLynda Kane Slide Deck from the 3/26/2020 virtual meeting of the Cleveland Developer Group presentation on creating a Lightning Aura Component using force:RecordData.
Role of Data Annotation Services in AI-Powered Manufacturing
Role of Data Annotation Services in AI-Powered ManufacturingAndrew Leo From predictive maintenance to robotic automation, AI is driving the future of manufacturing. But without high-quality annotated data, even the smartest models fall short.
Discover how data annotation services are powering accuracy, safety, and efficiency in AI-driven manufacturing systems.
Precision in data labeling = Precision on the production floor.
Rusty Waters: Elevating Lakehouses Beyond Spark
Rusty Waters: Elevating Lakehouses Beyond Sparkcarlyakerly1 Spark is a powerhouse for large datasets, but when it comes to smaller data workloads, its overhead can sometimes slow things down. What if you could achieve high performance and efficiency without the need for Spark?
At S&P Global Commodity Insights, having a complete view of global energy and commodities markets enables customers to make data-driven decisions with confidence and create long-term, sustainable value. 🌍
Explore delta-rs + CDC and how these open-source innovations power lightweight, high-performance data applications beyond Spark! 🚀
Automation Dreamin' 2022: Sharing Some Gratitude with Your Users
Automation Dreamin' 2022: Sharing Some Gratitude with Your UsersLynda Kane Slide Deck from Automation Dreamin'2022 presentation Sharing Some Gratitude with Your Users on creating a Flow to present a random statement of Gratitude to a User in Salesforce.
Build Your Own Copilot & Agents For Devs
Build Your Own Copilot & Agents For DevsBrian McKeiver May 2nd, 2025 talk at StirTrek 2025 Conference.
The Evolution of Meme Coins A New Era for Digital Currency ppt.pdf
The Evolution of Meme Coins A New Era for Digital Currency ppt.pdfAbi john Analyze the growth of meme coins from mere online jokes to potential assets in the digital economy. Explore the community, culture, and utility as they elevate themselves to a new era in cryptocurrency.
"Client Partnership — the Path to Exponential Growth for Companies Sized 50-5...
"Client Partnership — the Path to Exponential Growth for Companies Sized 50-5...Fwdays Why the "more leads, more sales" approach is not a silver bullet for a company.
Common symptoms of an ineffective Client Partnership (CP).
Key reasons why CP fails.
Step-by-step roadmap for building this function (processes, roles, metrics).
Business outcomes of CP implementation based on examples of companies sized 50-500.
How Can I use the AI Hype in my Business Context?
How Can I use the AI Hype in my Business Context?Daniel Lehner 𝙄𝙨 𝘼𝙄 𝙟𝙪𝙨𝙩 𝙝𝙮𝙥𝙚? 𝙊𝙧 𝙞𝙨 𝙞𝙩 𝙩𝙝𝙚 𝙜𝙖𝙢𝙚 𝙘𝙝𝙖𝙣𝙜𝙚𝙧 𝙮𝙤𝙪𝙧 𝙗𝙪𝙨𝙞𝙣𝙚𝙨𝙨 𝙣𝙚𝙚𝙙𝙨?
Everyone’s talking about AI but is anyone really using it to create real value?
Most companies want to leverage AI. Few know 𝗵𝗼𝘄.
✅ What exactly should you ask to find real AI opportunities?
✅ Which AI techniques actually fit your business?
✅ Is your data even ready for AI?
If you’re not sure, you’re not alone. This is a condensed version of the slides I presented at a Linkedin webinar for Tecnovy on 28.04.2025.
Ad
Stripe con 2021 UI stack
- 2. Silverstripe CMS UI Stack Stripecon 2021
- 3. About me Principal developer Silverstripe Ltd Core Committer on Silverstripe CMS project
- 4. Overview ● A brief history of the Silverstripe CMS 4 UI ● Embracing the weirdness Disclaimer This is NOT a WebPack, React, Redux, GraphQL crash course.
- 5. A brief history of the Silverstripe CMS 4 UI
- 6. Let’s go back to March 2018 ...
- 10. Retrospective ●
- 12. Silverstripe CMS UI was mismatch of legacy technologies ● JQuery ● Entwine ● SS templates ● undocumented REST API Speaking of kinks
- 13. ● Webpack + Babel ● React ● Redux ● Redux/Forms ● GraphQL ● Bootstrap/Reactstrap ● SASS/CSS The shiny new thing
- 14. Fast forward 3½ years ...
- 15. ● Legacy stack is still around ● Our modern stack is dated Meet the new stack, same as the old stack
- 16. Small wins ● Elemental Area ● CMS Page history
- 17. ● New features trump refactoring old code ● Repeated some of the same mistake ● More urgent priorities came along What went wrong?
- 18. ● Shock ● Denial ● Anger ● Bargaining ● Depression ● Testing ● Acceptance 7 stages of UI stack development grief
- 19. ● Complete CMS UI refactor is not going to happen ● The Silverstripe CMS UI stack is weird Coming to terms with reality
- 21. ● Shipping a front end client inside a modular PHP application ● Customising JS is hard Where the weirdness comes from
- 22. The UI stack Modern Stack Legacy Stack Dependency Yarn Manually managed + yarn Build system Webpack+babel Rendering React JQuery/Entwine SS template State management Redux Nothing UI Library Bootstrap/Reactstrap Bootstrap + JQuery UI Data communication Apollo+fetch JQuery Data layer GraphQL+REST REST CI Jest / Enzyme Nothing
- 23. silverstripe/admin ● LeftAndMain bits ● Core UI components ● Common helpers ● Shared libraries Every other module ● Feature specific components ● Feature specific libraries ● Relies on admin
- 24. Sharing is caring The magical tale of @silverstripe/webpack-config and the expose-loader
- 25. Sharing is caring Registering resources with the Injector
- 26. Sharing is caring Accessing resources with registered with the Injector
- 27. Demo time
- 28. ● composer install --prefer-source ● Remove packages first ● Do for silverstripe/admin as well ● yarn install ● On admin as well ● yarn pattern-library ● On admin only ● yarn dev ● yarn watch ● yarn test ● yarn build Cheat sheet
- 29. What did we learn today?
- 30. ● Don’t read the doc! ● Read Adrian’s blog post on how to create React Form Field ○ https://blog.jar.nz/posts/new-field-in-silverstripe ● Fork our module template ○ https://github.com/silverstripe/silverstripe-module ● Require maxime-rainville/recipe-react ○ https://github.com/maxime-rainville/recipe-react What’s next?
- 31. Thank you!