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.
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)
MuleSoft for AgentForce : Topic Center and API Catalog
MuleSoft for AgentForce : Topic Center and API Catalogshyamraj55 This presentation dives into how MuleSoft empowers AgentForce with organized API discovery and streamlined integration using Topic Center and the API Catalog. Learn how these tools help structure APIs around business needs, improve reusability, and simplify collaboration across teams. Ideal for developers, architects, and business stakeholders looking to build a connected and scalable API ecosystem within AgentForce.
FME for Good: Integrating Multiple Data Sources with APIs to Support Local Ch...
FME for Good: Integrating Multiple Data Sources with APIs to Support Local Ch...Safe Software Have-a-skate-with-Bob (HASB-KC) is a local charity that holds two Hockey Tournaments every year to raise money in the fight against Pancreatic Cancer. The FME Form software is used to integrate and exchange data via API, between Google Forms, Google Sheets, Stripe payments, SmartWaiver, and the GoDaddy email marketing tools to build a grass-roots Customer Relationship Management (CRM) system for the charity. The CRM is used to communicate effectively and readily with the participants of the hockey events and most importantly the local area sponsors of the event. Communication consists of a BLOG used to inform participants of event details including, the ever-important team rosters. Funds raised by these events are used to support families in the local area to fight cancer and support PanCan research efforts to find a cure against this insidious disease. FME Form removes the tedium and error-prone manual ETL processes against these systems into 1 or 2 workbenches that put the data needed at the fingertips of the event organizers daily freeing them to work on outreach and marketing of the events in the community.
FME for Distribution & Transmission Integrity Management Program (DIMP & TIMP)
FME for Distribution & Transmission Integrity Management Program (DIMP & TIMP)Safe Software Peoples Gas in Chicago, IL has changed to a new Distribution & Transmission Integrity Management Program (DIMP & TIMP) software provider in recent years. In order to successfully deploy the new software we have created a series of ETL processes using FME Form to transform our gas facility data to meet the required DIMP & TIMP data specifications. This presentation will provide an overview of how we used FME to transform data from ESRI’s Utility Network and several other internal and external sources to meet the strict data specifications for the DIMP and TIMP software solutions.
No-Code Workflows for CAD & 3D Data: Scaling AI-Driven Infrastructure
No-Code Workflows for CAD & 3D Data: Scaling AI-Driven InfrastructureSafe Software When projects depend on fast, reliable spatial data, every minute counts.
AI Clearing needed a faster way to handle complex spatial data from drone surveys, CAD designs and 3D project models across construction sites. With FME Form, they built no-code workflows to clean, convert, integrate, and validate dozens of data formats – cutting analysis time from 5 hours to just 30 minutes.
Join us, our partner Globema, and customer AI Clearing to see how they:
-Automate processing of 2D, 3D, drone, spatial, and non-spatial data
-Analyze construction progress 10x faster and with fewer errors
-Handle diverse formats like DWG, KML, SHP, and PDF with ease
-Scale their workflows for international projects in solar, roads, and pipelines
If you work with complex data, join us to learn how to optimize your own processes and transform your results with FME.
Mastering AI Workflows with FME - Peak of Data & AI 2025
Mastering AI Workflows with FME - Peak of Data & AI 2025Safe Software Harness the full potential of AI with FME: From creating high-quality training data to optimizing models and utilizing results, FME supports every step of your AI workflow. Seamlessly integrate a wide range of models, including those for data enhancement, forecasting, image and object recognition, and large language models. Customize AI models to meet your exact needs with FME’s powerful tools for training, optimization, and seamless integration
Scaling GenAI Inference From Prototype to Production: Real-World Lessons in S...
Scaling GenAI Inference From Prototype to Production: Real-World Lessons in S...Anish Kumar Presented by: Anish Kumar
LinkedIn: https://www.linkedin.com/in/anishkumar/
This lightning talk dives into real-world GenAI projects that scaled from prototype to production using Databricks’ fully managed tools. Facing cost and time constraints, we leveraged four key Databricks features—Workflows, Model Serving, Serverless Compute, and Notebooks—to build an AI inference pipeline processing millions of documents (text and audiobooks).
This approach enables rapid experimentation, easy tuning of GenAI prompts and compute settings, seamless data iteration and efficient quality testing—allowing Data Scientists and Engineers to collaborate effectively. Learn how to design modular, parameterized notebooks that run concurrently, manage dependencies and accelerate AI-driven insights.
Whether you're optimizing AI inference, automating complex data workflows or architecting next-gen serverless AI systems, this session delivers actionable strategies to maximize performance while keeping costs low.
Down the Rabbit Hole – Solving 5 Training Roadblocks
Down the Rabbit Hole – Solving 5 Training RoadblocksRustici Software Feeling stuck in the Matrix of your training technologies? You’re not alone. Managing your training catalog, wrangling LMSs and delivering content across different tools and audiences can feel like dodging digital bullets. At some point, you hit a fork in the road: Keep patching things up as issues pop up… or follow the rabbit hole to the root of the problems.
Good news, we’ve already been down that rabbit hole. Peter Overton and Cameron Gray of Rustici Software are here to share what we found. In this webinar, we’ll break down 5 training roadblocks in delivery and management and show you how they’re easier to fix than you might think.
Can We Use Rust to Develop Extensions for PostgreSQL? (POSETTE: An Event for ...
Can We Use Rust to Develop Extensions for PostgreSQL? (POSETTE: An Event for ...NTT DATA Technology & Innovation Can We Use Rust to Develop Extensions for PostgreSQL?
(POSETTE: An Event for Postgres 2025)
June 11, 2025
Shinya Kato
NTT DATA Japan Corporation
Bridging the divide: A conversation on tariffs today in the book industry - T...
Bridging the divide: A conversation on tariffs today in the book industry - T...BookNet Canada A collaboration-focused conversation on the recently imposed US and Canadian tariffs where speakers shared insights into the current legislative landscape, ongoing advocacy efforts, and recommended next steps. This event was presented in partnership with the Book Industry Study Group.
Link to accompanying resource: https://bnctechforum.ca/sessions/bridging-the-divide-a-conversation-on-tariffs-today-in-the-book-industry/
Presented by BookNet Canada and the Book Industry Study Group on May 29, 2025 with support from the Department of Canadian Heritage.
Enabling BIM / GIS integrations with Other Systems with FME
Enabling BIM / GIS integrations with Other Systems with FMESafe Software Jacobs has successfully utilized FME to tackle the complexities of integrating diverse data sources in a confidential $1 billion campus improvement project. The project aimed to create a comprehensive digital twin by merging Building Information Modeling (BIM) data, Construction Operations Building Information Exchange (COBie) data, and various other data sources into a unified Geographic Information System (GIS) platform. The challenge lay in the disparate nature of these data sources, which were siloed and incompatible with each other, hindering efficient data management and decision-making processes.
To address this, Jacobs leveraged FME to automate the extraction, transformation, and loading (ETL) of data between ArcGIS Indoors and IBM Maximo. This process ensured accurate transfer of maintainable asset and work order data, creating a comprehensive 2D and 3D representation of the campus for Facility Management. FME's server capabilities enabled real-time updates and synchronization between ArcGIS Indoors and Maximo, facilitating automatic updates of asset information and work orders. Additionally, Survey123 forms allowed field personnel to capture and submit data directly from their mobile devices, triggering FME workflows via webhooks for real-time data updates. This seamless integration has significantly enhanced data management, improved decision-making processes, and ensured data consistency across the project lifecycle.
Your startup on AWS - How to architect and maintain a Lean and Mean account
Your startup on AWS - How to architect and maintain a Lean and Mean accountangelo60207 Prevent infrastructure costs from becoming a significant line item on your startup’s budget! Serial entrepreneur and software architect Angelo Mandato will share his experience with AWS Activate (startup credits from AWS) and knowledge on how to architect a lean and mean AWS account ideal for budget minded and bootstrapped startups. In this session you will learn how to manage a production ready AWS account capable of scaling as your startup grows for less than $100/month before credits. We will discuss AWS Budgets, Cost Explorer, architect priorities, and the importance of having flexible, optimized Infrastructure as Code. We will wrap everything up discussing opportunities where to save with AWS services such as S3, EC2, Load Balancers, Lambda Functions, RDS, and many others.
cnc-drilling-dowel-inserting-machine-drillteq-d-510-english.pdf
cnc-drilling-dowel-inserting-machine-drillteq-d-510-english.pdfAmirStern2 CNC מכונות קידוח drillteq d-510
FIDO Seminar: New Data: Passkey Adoption in the Workforce.pptx
FIDO Seminar: New Data: Passkey Adoption in the Workforce.pptxFIDO Alliance FIDO Seminar: New Data: Passkey Adoption in the Workforce
National Fuels Treatments Initiative: Building a Seamless Map of Hazardous Fu...
National Fuels Treatments Initiative: Building a Seamless Map of Hazardous Fu...Safe Software The National Fuels Treatments Initiative (NFT) is transforming wildfire mitigation by creating a standardized map of nationwide fuels treatment locations across all land ownerships in the United States. While existing state and federal systems capture this data in diverse formats, NFT bridges these gaps, delivering the first truly integrated national view. This dataset will be used to measure the implementation of the National Cohesive Wildland Strategy and demonstrate the positive impact of collective investments in hazardous fuels reduction nationwide. In Phase 1, we developed an ETL pipeline template in FME Form, leveraging a schema-agnostic workflow with dynamic feature handling intended for fast roll-out and light maintenance. This was key as the initiative scaled from a few to over fifty contributors nationwide. By directly pulling from agency data stores, oftentimes ArcGIS Feature Services, NFT preserves existing structures, minimizing preparation needs. External mapping tables ensure consistent attribute and domain alignment, while robust change detection processes keep data current and actionable. Now in Phase 2, we’re migrating pipelines to FME Flow to take advantage of advanced scheduling, monitoring dashboards, and automated notifications to streamline operations. Join us to explore how this initiative exemplifies the power of technology, blending FME, ArcGIS Online, and AWS to solve a national business problem with a scalable, automated solution.
The State of Web3 Industry- Industry Report
The State of Web3 Industry- Industry ReportLiveplex Web3 is poised for mainstream integration by 2030, with decentralized applications potentially reaching billions of users through improved scalability, user-friendly wallets, and regulatory clarity. Many forecasts project trillions of dollars in tokenized assets by 2030 , integration of AI, IoT, and Web3 (e.g. autonomous agents and decentralized physical infrastructure), and the possible emergence of global interoperability standards. Key challenges going forward include ensuring security at scale, preserving decentralization principles under regulatory oversight, and demonstrating tangible consumer value to sustain adoption beyond speculative cycles.
Oracle Cloud Infrastructure Generative AI Professional
Oracle Cloud Infrastructure Generative AI ProfessionalVICTOR MAESTRE RAMIREZ Oracle Cloud Infrastructure Generative AI Professional
Analysis of the changes in the attitude of the news comments caused by knowin...
Analysis of the changes in the attitude of the news comments caused by knowin...Matsushita Laboratory Presentation slide at 12th Int. Conf. on Informatics, Electronics & Vision (ICIEV2025).
Kubernetes Security Act Now Before It’s Too Late
Kubernetes Security Act Now Before It’s Too LateMichael Furman In today's cloud-native landscape, Kubernetes has become the de facto standard for orchestrating containerized applications, but its inherent complexity introduces unique security challenges. Are you one YAML away from disaster?
This presentation, "Kubernetes Security: Act Now Before It’s Too Late," is your essential guide to understanding and mitigating the critical security risks within your Kubernetes environments. This presentation dives deep into the OWASP Kubernetes Top Ten, providing actionable insights to harden your clusters.
We will cover:
The fundamental architecture of Kubernetes and why its security is paramount.
In-depth strategies for protecting your Kubernetes Control Plane, including kube-apiserver and etcd.
Crucial best practices for securing your workloads and nodes, covering topics like privileged containers, root filesystem security, and the essential role of Pod Security Admission.
Don't wait for a breach. Learn how to identify, prevent, and respond to Kubernetes security threats effectively.
It's time to act now before it's too late!
Your startup on AWS - How to architect and maintain a Lean and Mean account J...
Your startup on AWS - How to architect and maintain a Lean and Mean account J...angelo60207 Prevent infrastructure costs from becoming a significant line item on your startup’s budget! Serial entrepreneur and software architect Angelo Mandato will share his experience with AWS Activate (startup credits from AWS) and knowledge on how to architect a lean and mean AWS account ideal for budget minded and bootstrapped startups. In this session you will learn how to manage a production ready AWS account capable of scaling as your startup grows for less than $100/month before credits. We will discuss AWS Budgets, Cost Explorer, architect priorities, and the importance of having flexible, optimized Infrastructure as Code. We will wrap everything up discussing opportunities where to save with AWS services such as S3, EC2, Load Balancers, Lambda Functions, RDS, and many others.
Oracle Cloud and AI Specialization Program
Oracle Cloud and AI Specialization ProgramVICTOR MAESTRE RAMIREZ Oracle Cloud and AI Specialization Program
Can We Use Rust to Develop Extensions for PostgreSQL? (POSETTE: An Event for ...
Can We Use Rust to Develop Extensions for PostgreSQL? (POSETTE: An Event for ...NTT DATA Technology & Innovation
Analysis of the changes in the attitude of the news comments caused by knowin...
Analysis of the changes in the attitude of the news comments caused by knowin...Matsushita Laboratory
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!